/******* SCREENS *************/

.screens{
  position: absolute;
  width: 1000px;
  height: 646px;
  border-left: 1px solid #2a2a2a;
  border-right: 1px solid #101010;
  border-bottom: 1px solid #101010;
  border-top: 1px solid #2a2a2a;
  overflow: visible;
  z-index:130;
  display: none;
}

.screens table {
  background: transparent url(/st/img/txt_bg.png) repeat;
  width: 1000px;
  height: 630px;
  border-left: 2px solid #101010;
  border-right: 2px solid #2a2a2a;
  border-top: 2px solid #101010;
  border-bottom: 2px solid #2a2a2a;
}

.screens td.screens_1 { 
  background: transparent url(/st/img/gradient.png) repeat-x; 
  width:810px; 
  color:#3f4447; font-family:Tahoma; font-size:13px;
  vertical-align: top;
  padding: 19px 0px 20px 22px;
}

.screens td.screens_2 {
  background: transparent url(/st/img/gradient.png) repeat-x;
  padding: 19px 0px 20px 17px;
  vertical-align: top;
}

.screens a { color: #3f4447; font-family:Tahoma; font-size:13px; }


#Preview { /* слой для кучи маленьких превьюшек */
  overflow:hidden;
  height:510px;
  margin:10px 0px 10px 0px;
}

#PreviewNew { /* слой для кучи маленьких превьюшек */
	/*border: 1px solid blue;*/
	overflow:hidden;
	height: 250px;
	padding-top: 10px;
	/*margin-top: 0px;*/
	/*margin-right: 0px;*/
	/*margin-bottom: 0px;*/
	margin: 0px 10px 0px 20px;
	position: absolute;
	/*margin-left: 20px;*/
	width: 140px;
	float: left;
	/*display:inline-block;*/
	/*clear: left;*/
		
}

.PrevImg { /* картинки маленьких превьюшек */
  margin:0 8px 8px 0;
  display: block;
  float:left;
  cursor:pointer;
  width: 131px;
  height: 74px;
  border: 2px solid #212627;
}

.PrevImgActive { /* картинки маленьких превьюшек */
  margin:0 8px 8px 0;
  display: block;
  float:left;
  cursor:pointer;
  width: 131px;
  height: 74px;
  border: 2px solid #607177;
}

.viewImg {
  width: 800px;
  height: 600px;
  border-left: 2px solid #101010;
  border-right: 2px solid #101010;
  border-top: 2px solid #101010;
  border-bottom: 2px solid #101010;
}

#closeScreens {
  background: url(/st/img/close1_1.gif) no-repeat 0 0;
  width: 27px;
  height: 27px;
  position:absolute;
  margin: -15px 0 0 120px;
}

#closeScreens:hover {
  background: url(/st/img/close2_1.gif) no-repeat 0 0;
  width: 27px;
  height: 27px;
  position:absolute;
  margin: -15px 0 0 120px;
}

.placePreview {
  margin: 40px 0px 0px 0px;
  height: 600px;
}


#BigImg { /* фиксируем размеры изображения */
  width: 800px;
  height: 600px;
  border-left:   1px solid #2a2a2a;
  border-right:  1px solid #2a2a2a;
  border-top:    1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  margin: 16px 0px 0px 0px;
}

.arrowUp { /* стрелка вверх */
	/*border: 1px solid red;*/
	cursor:pointer;
	/*width: 31px;*/
	/*height: 31px;*/
	margin: 43px 0px 0px 190px;
	vertical-align:top;
	position: absolute;
		
}

.arrowDown { /* стрелка вниз */
	/*border: 1px solid red;*/
	cursor:pointer;
	/*width: 31px;*/
	/*height: 31px;*/
	margin: 95px 0px 0px 190px;
	vertical-align:top;
	/*padding-bottom: 0px;*/
	position: relative;
	
}

.arrowUpPreview { /* стрелка вверх */
  /*border: 1px solid red;*/
  cursor:pointer;
  width: 31px;
  height: 31px;
  vertical-align:top;
  margin-left: 50px;
}

.arrowDownPreview { /* стрелка вниз */
  /*border: 1px solid red;*/
  cursor:pointer;
  width: 31px;
  height: 31px;
  vertical-align:top;
  margin-left: 50px;
}

#screens_text {
  font: bold 12pt Arial, sans-serif; 
  color: #82AFEF;
}

/************************/

