bueno finalmente ya lo conseguí, aporto el codigo por si alguien busca alguna vez como añadir dos triangulos superiores a un elemento
saludos
Cita: .ui-widget-content:before{
content:'';
box-shadow: 2px 0 1px -1px #ddd, -1px 0 0px 0px #ddd;
-webkit-box-shadow: 2px 0 1px -1px #ddd, -1px 0 0px 0px #ddd;
-moz-box-shadow: 2px 0 1px -1px #ddd, -1px 0 0px 0px #ddd;
-ms-box-shadow: 2px 0 1px -1px #ddd, -1px 0 0px 0px #ddd;
-o-box-shadow: 2px 0 1px -1px #ddd, -1px 0 0px 0px #ddd;
border-left: 9px solid #fafafa;
border-right: 9px solid #fafafa;
border-top: 15px solid transparent;
position:absolute;
top: -.8rem;
left: 0;
right: 0;
width: 100%;
}