How to change Panel border color

The code is:


Panel titlePanel=new Panel();
titlePanel.setHeight("30px");
titlePanel.setWidth("230px");
titlePanel.addStyleName("caption");

The css is:


.caption{
  border: 1px solid #FF7D00;
}

But the panel’s border-right-color did not changed,and I add the code ‘border-right-color:#FF7D00’ into the css,it did not work anymore.

The border is around the panel content.


.caption .v-panel-content {
    border: 1px solid #FF7D00;
}

That is very useful,thanks.