#panel-info {
    width: 350px; 
    position: absolute;
    left: 500px;
    top: 50px;
}

.ui-widget-content {    
    border: 1px solid #404040;
    background: #797979 url(img/panel-bg.png) repeat-x left bottom;
}
/*
.ui-resizable-n {
    border: 1px solid #404040;
    border-bottom-width: 0px;
    background-color: #797979;
    height: 2px;
    top:-2px;
}
*/
.ui-resizable-e {
    border-right: 1px solid #404040;
    background-color: #797979;
    width: 1px;
    right: -1px;
}
/*
.ui-resizable-s {
    border: 1px solid #404040;
    border-top-width: 0px;
    background-color: #797979;
    height: 2px;
    bottom: -2px;
}
*/
.ui-resizable-w {
    border-left: 1px solid #404040;
    background-color: #797979;
    width: 1px;
    left: -1px;
}

.ui-widget-header {
    height: 17px;
    padding-left: 14px;
    background: transparent url(img/panel-head.png) no-repeat left top;
    border: none;
    border-top: 1px solid #797979;
}


/*******************************************************************
*           Panel
*******************************************************************/
.panel-arrow {
    height: 17px;
    width: 11px;
    background: transparent url(img/panel-arrow.png) no-repeat left -19px;
    margin-right: 2px;
    float: right;
    cursor: pointer;
}

.panel-arrow.selected {
    background-position: 0px 0px;
}

/*******************************************************************
*           Box
*******************************************************************/
.box {
    font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.box-header-left {
    height: 24px;
    background: #d3d3d3 url(img/box-head.png) no-repeat left top;
    padding-left: 5px;
}

.box-header-right {
    height: 24px;
    background: #d3d3d3 url(img/box-head.png) no-repeat right top;
    line-height: 24px;
    cursor: pointer;    
}

.box-content {
    padding: 2px;
    font-size: 11px;
    color: 5b5b5b;
}

.box-content td {
    padding: 2px;
    overflow: hidden;
    color: 5b5b5b;
}

.box-content .even {
    background-color: #fff;
}

.box-footer-left {
    height: 4px;
    background: #d3d3d3 url(img/box-footer.png) no-repeat left top;
    padding-left: 5px;
}

.box-footer-right {
    height: 4px;
    background: #d3d3d3 url(img/box-footer.png) no-repeat right top;
}

.box-full {
    /*margin: 0px 2px 2px;*/
    border: 2px solid #5b5b5b;
    background-color: #ededed;
}

.box-icon {
    margin: 0px 2px;
    display: none;
    width: 29px;
    height: 43px;
    cursor: pointer;
}

#box-icon-1 {
    background: transparent url(img/box-icon.png) no-repeat 0px 0px;
}

#box-icon-1.selected {
    background: transparent url(img/box-icon.png) no-repeat 0px -45px;
}

#box-icon-2 {
    background: transparent url(img/box-icon.png) no-repeat 0px -90px;
}

#box-icon-2.selected {
    background: transparent url(img/box-icon.png) no-repeat 0px -135px;
}

#box-icon-3 {
    background: transparent url(img/box-icon.png) no-repeat 0px -180px;
}

#box-icon-3.selected {
    background: transparent url(img/box-icon.png) no-repeat 0px -225px;
}