.hover-box{
   background:#868974; 
   width:350px;  
   z-index: 5000;
   padding: 15px 5px 5px;
   position: fixed;
   left:20px;
   top:10px;   
}
.hover-box .hb-gutter{
   padding-bottom: 0.5em;
   background-color:#FFF;
   z-index: 5001;
}
.hover-box .hover-box-handle {
   background-color:#868974;
   height: 29px;
   font-weight:bold;
   color: #FFFFFF;
   cursor: move;
}
.hover-box .hb-title{
   font-size: 1.2em; 
   height: 29px;     
   line-height: 29px; 
   background-color:#868974;    
} 
.hover-box .hover-box-close{
   float: right;
   text-decoration:none;
   background :#FFFFFF;
   width: 85px;
   height: 29px;
   cursor: pointer;
}
.hover-box .hover-box-close a{
   color:#515554; 
   text-transform: uppercase; 
   color: #7b7b7b;
   font-size: 0.8em;   
   width: 85px;
   height: 29px;
   display: block;
   text-align: center;
   cursor: pointer;      
}
.hover-box .hover-box-close a span{ 
   display: block;
   padding-right: 20px;
   height: 29px;
   line-height: 29px;
   background: url('../images/close.png') no-repeat scroll 90% center; 
}
.hover-box .float-left{
   float: left;  
}

.hover-box  .hover-box-content {
   background-color: #FFF;
   z-index: 5010;
   padding: 0.5em 0.4em 0 0.4em;
   overflow: hidden; 
   position: relative; 
}
.hover-box #hover-box-comment-content,
.hover-box #hover-box-search-content{
   background-color: #FFF; 
}

.hover-box .ui-icon-gripsmall-diagonal-se{
   background: transparent url('../images/resize-icon.png') no-repeat scroll center center;  
}
.hover-box .box-row{
   border-bottom: 1px solid #818b83;
   padding: 0.3em 0.3em;
   margin: 0em 0;
   width: 98%;
   clear: both;
}
.hover-box .box-row.last{
   border-bottom: 0;
} 
.hover-box .box-row .image{
   background: #FFF url('../images/hb-img-border.png') no-repeat scroll center center;
   width: 48px;
   height: 48px;
   margin-right: 0.5em;
}
.hover-box .box-row .image img{
   padding: 3px 0 0 3px;  
}
.hover-box .selected-filter{
   display: block;
   clear: both;  
}
.hover-box .selected-filter.float-left{
   float: left;
   clear: none;
   margin-right: 1em; 
}
.hover-box .opt-group{
   float: left; 
   display: block;  
}
.hover-box a,
.hover-box p,
.hover-box span,
.hover-box label{
   color: #515554;
}
.hover-box a.button span{
   color: #FFF;
} 
.hover-box a.button:active span{
   color: #333;
}
.hover-box span.remove{
   font-size: 1.1em;
   font-weight: bold;
   padding: 0 0.2em;
   cursor: pointer;
} 
.hover-box label{
   font-size: 0.8em;
   line-height: 1em;
}
.hover-box select{
   border: 1px solid #C0C0C0;
   width: 100%;
}
.hover-box .submit-button{
   width: 100%;
   margin-top: 1em;  
}
.hover-box .submit-button a{
   color: #FFF; 
   float: right; 
}
.hover-box .submit-button a:active{
   color: #515554; 
}
.hover-box .submit-button input{
   font-size: 0.8em; 
   font-weight: bold;
   color: #FFF;
   background-color: transparent;
   background-image: url("../../images/confirm-button-bg.png");
   background-repeat: no-repeat;
   background-position: center center; 
   width: 110px;
   height: 38px;
   border: 0;  
   cursor: pointer;
   overflow:visible;   
}


.hover-box p{
   font-size: 0.75em;
   line-height: 1.3em;
}
.hover-box p .name{
   color: #a4a791;
}
.hover-box p.comment{
}
.hover-box p.info{
   color: #a4a791;
   font-weight: bold;
}
.hover-box textarea{
   width: 100%;
   height: 8em;
   margin-top: 1em;
   overflow: auto;
   border: 1px solid #C0C0C0;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }



/* Dialog
----------------------------------*/
.hover-box .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* Resizable
----------------------------------*/
.ui-resizable { position: fixed;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }