.list-banner-group{
	background-color: whitesmoke;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin-bottom: 20px;
    min-height: 20px;
   
    .bannergroup-header {
	    background-color: #f6f6f6;
	    background-image: linear-gradient(to bottom, #f9f9f9, #f3f3f3);
	    background-repeat: repeat-x;
	    border-radius: 2px;
	    height: 47px;
	    line-height: 48px;
	    text-align: center;
	    border-bottom: 1px solid #ddd;
	}
	
    ul {
	    list-style: outside none none;
	    margin: 0;
	    max-height: 600px;
	    overflow-y: auto;
	    padding: 0;
	}
    li{
    	color: #2aaae6;
	    cursor: pointer;
	    line-height: 24px !important;
	    padding: 3px 10px;
	    position: relative;
	    .icon{
	    	display:none;
	    	position: absolute;
	    }
	    .edit{
	    	right: 20px;
    		top: 0;
	    }
	    
	    .delete{
	    	top: 0;
	    	right: 0;
	    }
    }
    
    li:hover{
    	background-color: #e5f5fc;
    	line-height: 24px;
    	.icon{
    		display:block;
    	}
    }
    
    .selected {
	    background-color: #2aaae6;
	    
	}
	
	.selected a{
	    color: #fff;
	}
    
    
	.paging {
	    background-color: #d9d8d7;
	    border-color: #e3e3e3 #ccc #ccc;
	    border-top: 1px solid #e3e3e3;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    color: #2aaae6;
	    span{
	    	cursor: pointer;
	    }
	}
}

.list-banner{
	ul {
	    list-style: outside none none;
	    margin: 0;
	    max-height: 600px;
	    overflow-y: auto;
	    padding: 0;
	}
	li{
		border: 1px solid #ccc;
	   
	    display: inline-block;
	    margin: 5px;
	    padding: 25px;
	    position: relative;
		.btn_action{
			display:none;
			position: absolute;
			top: 0; right: 0;
		}
	}
	li:hover{
		background-color: #e5f5fc;
		.btn_action{
			display:block;
		}
	}
	

}
.banner-wrapper{
	.banner-thumbnail {
   		width: 130px;
	}
	td{
		vertical-align: middle !important;
	}
}



 .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            /*background: url('<%=request.getContextPath()%>/images/a03.png') no-repeat;*/
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }
        .jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
        .jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }