Tabs Text Area

Tabs Text Area

I've looked in a couple of files but cannot find what I am looking for. I am using the vertical tabs. I am trying to make the text area wider. It is the grey area in the attached image. I tried looking for where the color is the same in the files but that did not help me find the right place.

Help is appreciated.

Thank you.

Mike

Here is some of the code:

<link rel="stylesheet" href="../jquery-ui.css">
  <script src="../jquery.js"></script>
  <script src="../jquery-ui.js"></script>

<style>
  .ui-tabs-vertical { width: 55em; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
  </style>