Css Help -20$

I need some help converting a stylesheet from one thing to another..
here is the original

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* default space between tabs */
.yui-navset .yui-nav li {
margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */

.yui-nav, .yui-nav li {
margin:0;
padding:0;
list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
position:relative; /* contain absolute positioned tabs (left/right) */
zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-navset .yui-nav li {
display:inline-block;
display:-moz-inline-stack;
*display:inline; /* IE */
vertical-align:bottom; /* safari: for overlap */
cursorointer; /* gecko: due to -moz-inline-stack on anchor */
zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
display:block;
}

.yui-navset .yui-nav a {
outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a {
display:block;
display:inline-block;
vertical-align:bottom; /* safari: for overlap */
zoom:1;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
display:block;
}

.yui-navset-bottom .yui-nav li a {
vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }




And the one i need it to work with is this

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border:
color:
background:top left repeat-x;
}

.shadetabs li a:visited{
color:
}

.shadetabs li a:hover{
text-decoration: underline;
color:
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image:
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


I will offer 20$ via paypal to whoever can do this for me.
Thanks,
Nick

 

I'm willing to help as it seems like a fairly simple problem, but don't quite understand what you're trying to do. Are these two completely different things and you're attempting to merge them together, or fix a conflict? Could you be more descriptive in what you're trying to accomplish?

 

Please PM .html/.php file as well. It's nearly impossible and more of a guessing task to convert one CSS to another with given information.

 

im trying to make the dynamic tabs on https://secure.marketshares.com.au/subscribe
the red ones, i want those... thats all i want. exactly the same.

 

Then use this script:
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

 

Yeah but.. I dont know how to do CSS... so i need someone to make it.

 

I can do it. PM or AIM me.