body form text area for the phone field

Hi, I'm trying to add some css styles to my gravity forms.

But I'm a bit blocked by the advanced field phone that I can't manage to change at all. all other input fields works great. I guess that I am not using the good input type. Here the css code I'm using.

[css]
body form textarea,
body .gform_wrapper textarea,
body form input[type=text],
body .gform_wrapper input[type=text],
body form input[type=url],
body .gform_wrapper input[type=url],
body form input[type=email],
body .gform_wrapper input[type=email],
body form input[type=phone],
body .gform_wrapper input[type=phone],
body form input[type=number],
body .gform_wrapper input[type=number],
body form input[type=file],
body .gform_wrapper input[type=file] {
  font-size: 13px;
  padding: 5px 8px;
  outline: none;
  color: #666;
  border: none;
  background: #ddd;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

any idea ?

thanks