body {
  padding-top: 10px;
  background-image:-moz-linear-gradient(30deg, white, navy);
  background-image:-webkit-linear-gradient(30deg, white, navy);
  background-image:-o-linear-gradient(30deg, white, navy);
  background-image:linear-gradient(60deg, white, navy);
}


.well {
    opacity: 0.9; /* opacity [0-1] */
    -moz-opacity: 0.9; /* opacity [0-1] */
    -webkit-opacity: 0.9; /* opacity [0-1] */
    background-color: lightgreen;
     box-shadow: 1px 1px 12px #555;
     margin:5px;
}
.wellblank {
    opacity: 0.9; /* opacity [0-1] */
    -moz-opacity: 0.9; /* opacity [0-1] */
    -webkit-opacity: 0.9; /* opacity [0-1] */
    background-color: white;
    border: 1px solid blue; 
     box-shadow: 1px 1px 12px #555;
     margin:9px;
}
.scrollarea {
  height: 280px;
  overflow: auto;
}
.scrollarealong {
  height: 500px;
  overflow: auto;
}

#listepdl .box-body
{
  height:200px;
  overflow:auto;
}


	    .iui-treeview-item
	    {
	    	margin: 2px 0;
	    }
	    .top-panel
	    {
	    	background: #2455b0;
	    	padding: 3px;
	    	margin-bottom: 1px;
	    	width: 400px;
	    }
	    button
	    {
	    	background: transparent;
	    	border: thin solid transparent;
	    	color: white;
	    	padding: 5px 10px;
	    	display: inline-block;
			vertical-align: middle;
	    }
	    button:hover
	    {
			background-color: #153268;
	    	border: thin solid #0F244A;
	    }
	    .icon-add
	    {
	    	background: url("/resources/icons-x24.png") no-repeat -48px -120px;
	    	display: inline-block;
	    	width: 24px;
	    	height: 24px;
			vertical-align: middle;
	    }
	    .icon-remove
	    {
	    	background: url("/resources/icons-x24.png") no-repeat -72px -120px;
	    	display: inline-block;
	    	width: 24px;
	    	height: 24px;
			vertical-align: middle;
	    }