Jquery-Ui Tab List
<p>Hello guys I'm using jquery-ui tabs. I want to change it's text color. I know how to do it but the real problem that I'm facing is that each list option has a anchor tab. Now due to some reason I gave that anchor tab this property <code>color:#7e8c99 !important;</code>. </p>

<p>If I remove this important it will disturb my UI so to change the color of the tab list text  I did some inline styling and that worked out pretty well but the problem I started facing after it was when I select a tab I want to change the color of the text but I can't do it. Can you please tell me what can I do.</p>

<p>and one thing more I want t vertical small line with the selected option like this <a href="http://screencast.com/t/2F0cBHGQn3P3" rel="nofollow">screenshot of the image</a>.How can I achieve that </p>