/* root element for tabs */
ul.css-tabs{margin:0 !important;padding:0;height:30px;border-bottom:0px solid #666;}
/* single tab */
ul.css-tabs li {float:left;padding:0;margin:0;list-style-type:none;}
/* link inside the tab. uses a background image */
ul.css-tabs a{float:left;font-size:18px;display:block;padding:1px 8px;text-decoration:none;border:1px solid #666;
border-left:0px;border-bottom:0px;height:18px;background: #ffDB58; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffDB58', endColorstr='#ffDB58'); /* for IE */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffDB58), to(#ffDB58), color-stop(.6,#999999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffDB58, #ffDB58); /* for firefox 3.6+ */
color:#000;position:relative;top:1px;outline:0;}
ul.css-tabs a span{font-family:Calibri, Arial, Helvetica, sans-serif;color:Black;font-size:100%;}
ul.css-tabs #first{border-left:1px solid #666;}
ul.css-tabs a:hover {background: #ffffff; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff), color-stop(.6,#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffffff, #ffffff); /* for firefox 3.6+ */color:#000;}
ul.css-tabs a.current{border-bottom:none 0px;color:#000;ursor:default;background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff), color-stop(.6,#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ffffff, #ffffff); /* for firefox 3.6+ */margin-bottom:5px;height: 19px;/* height: 20px;margin-top: -2px;*/}