How to center align and make the tab round for the form tab widget?

I am wanting to customize the tabs created by Form Tabs Wizard. CSS is just too frustrating for me to start form scratch. On some displays the tabs get wrapped into two rows. So here's my wish list.

1) How can I center the the two rows on the page?

3) How would I round the top corners of the tabs?

I'm seeing that you have 14 forms available in your account. Which form are you working on? Would you mind sharing to us the form URL so we can check and provide you with a CSS that matches your requirement.

Or am I correct to assume that this is the form you are working http://www.jotform.ca/form/70871013832249? If so, please inject the following CSS below. If not, please share the correct form.

1. To align it to the Center, just add the CSS below:

.tabs-list {

margin-top: 12px;

text-align: center;

}

2. To make it round, just add the CSS below:

.tabs-list li {

margin-left: 1px;

margin-right: 1px;

border-top: 1px solid black;

border-left: 1px solid black;

border-right: 1px solid black;

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;

}

.tabs-list li .liBefore {

border: 0;

}

.tabs-list li .liAfter {

border: 0;

}

.tabs-list li {

padding: 3px 40px;

}

Here's a sample form https://form.jotform.com/80777965717980.

Guides:

— How to inject CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

— How to clone a form: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

Looking forward for your response. 

Perfect. Thanks.