.clear {
clear:both;
font-size:0px;
line-height:0px;
margin:0pt;
visibility:hidden;
}
.clear-vis{
clear:both;
font-size:0px;
line-height:0px;
margin:0pt;
visibility:inherit;
}
.hint-mini{
color:grey;
font-size:0.8em
}
.right{
text-align:right;
}
.left{
text-align:left;
}
  /**** Оформление ****/
    .bg-blue{
    background-color:#28bcff;
    }
    .bg-cyan{
    background-color:#CD62B2;
    }
    h2.singlebox{
    border:5px solid #FFF;
    padding:1em;
    color:#FFF;
    width:120px;
    font-family:tahoma;
    font-size:0.8em;
    padding:0.4em 1em;
    text-decoration:none;
    }
  /****************************
               кнопки Сохранить/Отменить
      ****************************/
    input.agree{
      background-color:#25B307;
      border:2px solid #1C8605;
      color:white;
      width:auto;
    }
    input.cancel{
      background-color:#F7ADB4;
      border:2px solid #F74051;
      color:white;
      width:auto; 
    }  
  
  
/*
Toggle panels
*/
.toggler {
cursor:pointer;
display:block;
font-size:1.1em;
line-height:30px;
margin:25px 0pt;
text-decoration:none;
}
.toggler-closed-icon{
background:url(/stylesheets/img/togglerc.gif) no-repeat;
float:left;
display:block;
width:16px;
}
.toggler-closed {
background:#EFEFEF url(/stylesheets/img/togglerc.gif) no-repeat scroll right center;
border:1px solid white;
color:#333333;
padding-left:20px;
}
.toggler-closed:hover {
background:#FFFFFF url(/stylesheets/img/togglerch.gif) no-repeat scroll right center;
border:1px solid #E3E3E3;
color:#000000;
padding-left:20px;
}
.toggler-opened {
background:#EFEFEF url(/stylesheets/img/togglero.gif) no-repeat scroll right center;
border:1px solid white;
color:#333333;
padding-left:20px;
}
.toggler-opened:hover {
background:#FFFFFF url(/stylesheets/img/toggleroh.gif) no-repeat scroll right center;
border:1px solid #E3E3E3;
color:#000000;
padding-left:20px;
}

.toggler-c-opened {
background:#EFEFEF none repeat scroll 0%;
border:1px solid #FFFFFF;
margin:-25px 0px 25px;
padding:20px;
}

/***************************************
                      --- round box ----
                      
  Using:
    <div class="roundborder">
        <div class="t"><div class="angles c"></div><div class="angles l"></div><div class="angles r"></div></div>
        <div class="content">...</div>    
        <div class="b"><div class="angles c"></div><div class="angles l"></div><div class="angles r"></div></div>
    </div>  
 ***************************************/
  div.roundborder {
    margin-bottom:1em;
  }
  .roundborder .content {
  padding:0 0.5em;
  background:#F2FBFF;
  }
  .roundborder .t, .roundborder .b {
  position:relative;
  height:12px;
  padding-left:16px;
  padding-right:16px;
  }
  .roundborder .t div, .roundborder .b div {
  position:absolute;
  width:16px; height:13px;
  padding:0; margin:0;
  }
  .roundborder .t div,
  .roundborder .b div
  {
  background-image:url(roundedbox-blue.png);
  background-repeat:no-repeat;
  }
  .roundborder div.c{
  background-image:url(roundedbox-blue-h.png);
  }
  .roundborder .t .l {
  top:0px; left:0;
  background-position:top left;
  }
  .roundborder .t .r {
  top:0px; right:0;
  background-position:top right;
  }

  .roundborder .t .c {
  background-repeat:repeat-x;
  background-position:top left;
  position:relative;
  width:100%;
  }

  .roundborder .b .l {
  background-position:bottom left;
  bottom:-1px; left:0;
  }
  .roundborder .b .r {
  background-position:bottom right;
  bottom:-1px; right:0;
  }
  .roundborder .b .c {
  background-repeat:repeat-x;
  background-position:bottom left;
  position:relative;
  width:100%;
  }
  div.roundborder h2{
    color:#2A363A;
    font-family:Arial,Helvetica,sans-serif;
    font-size:110%;
    font-weight:bold;
    margin-bottom:0.5em;
  }
  
  div.roundborder ul{
    list-style-position:inside;
  }