body {
      background-color: #ddd;
      color: #222;
      font-family: Helvetica;
      font-size: 14px;
      margin: 0;
      padding: 0;
	  overflow: hidden;
	  overflow-y: hidden;
	   
}

.inv
{
  display:none;
}

#header h1 {

      margin: 0;
      padding: 0;
}

#header h1  {
     
      
      color: #222;
      display: block;
      font-size: 18px;
      font-weight: bold;
      padding: 10px;
      text-align: left;
      text-decoration: none;
	  top:0;
	  left:0;
	  
	  
}

#header ul {
      list-style: none;
      margin: 10px;
      padding: 0;
}

#header ul li  a {
      background-color: #FFFFFF;
      border: 1px solid #999999;
      color: #222222;
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: -1px;
      padding: 12px 10px;
      text-decoration: none;
	
}

#header h1 a {
      text-shadow: 0px 1px 0px #fff;
}

#header ul li:first-child a {
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
}

#header ul li:last-child a {
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
}

#header ul.hide {
      display: none;
}


#content ul {
      list-style: none;
      margin: 10px;
      padding: 0;
}

#content ul li  a {
      background-color: #FFFFFF;
      border: 1px solid #999999;
      color: #222222;
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: -1px;
      padding: 12px 10px;
      text-decoration: none;
	
}

#content h1 a {
      text-shadow: 0px 1px 0px #fff;
}

#content ul li:first-child a {
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
}

#content ul li:last-child a {
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
}

#content ul.hide {
      display: none;
}




.fld  {
      background-color: #FFFFFF;
      border: 1px solid #999999;
      color: #222222;
      display: block;
      font-size: 17px;
      font-weight: bold;
      margin-bottom: -1px;
      
      text-decoration: none;
	
}

#header ul li  p {
      background-color: #FFFFFF;
      border: 1px solid #999999;
      color: #222222;
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: -1px;
      padding: 12px 10px;
      text-decoration: none;
	
}


#header ul li:first-child  p{
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
}

#header ul li:last-child  p{
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
}




#headerdiv
{ 
  background-color: #ccc;
  border-bottom: 1px solid #666;
  top:0;
  left:0;
  width:100%;
  height:50px;
  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
  top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); 
}


#paramdiv
{ 
  background-color: #ccc;
  border-bottom: 1px solid #666;
  top:50px;
  left:0;
  width:100%;
  margin-top:1px;
  position:fixed;  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
  top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); 
}

#maindiv
{ 
  background-color: #ccc;
  border-bottom: 1px solid #666;
  left:0;
  width:100%;
  padding:15px;
    
}
#contentdiv
{
   /*margin-top:55px;
  margin-top:expression(document.getElementById("headerdiv").offsetHeight + "px");*/
}

#content, #sidebar {
      padding: 0px;
	  display: none;
	  overflow: hidden;
	 
}

#footer {
    /*  display: none;*/
}

.box  {
      background-color: #FFFFFF;
      border: 1px solid #999999;
      color: #222222;
      font-size: 14px;
      font-weight: bold;
      width:100%;
      padding:0px; margin:0px;
      text-decoration: none;
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
}

.minibox  {
      background-color: #FFFFFF;
      border: 1px solid #999999;
      color: #222222;
      font-size: 14px;
      
      
      padding:5px; margin:5px;
      text-decoration: none;
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
}

.button {
    margin: 2px;
    text-decoration: none;
    font: bold 1.2em 'Trebuchet MS',Arial, Helvetica; /* Изменяйте em для масштабирования кнопки */
    display: inline-block;
    text-align: center;
    color: #fff;
    padding:5px;
    border: 1px solid #9c9c9c; /* Запасной стиль */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

.button, .button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;
    
    /* Фоновый паттерн */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Настройки паттерна */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;            
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active  {
    /* Опускаем на 1px при нажатии */
    position: relative;
    top: 1px;
}



.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active  {
    background: #4477a1;
}

.img
{

 margin:5px;

}


.field
{

  

}