.css-tabs {padding:2px 0 0 1em; margin:0; list-style:none; height:24px; position:relative; font-size:11px;}
.css-tabs li {padding:0; float:left; height:24px; margin-right:0px;}  /* margin-right: tab aralığı */
.css-tabs li a {display:block; float:left; height:24px; line-height:24px; color:#333; font-family:verdana, sans-serif; font-weight:bold; text-align:center; text-decoration:none; padding:0 0 0 2px; cursor:pointer; background:url(pro_seventeen_0a.gif) no-repeat;}
.css-tabs li a b {float:left; display:block; padding:0 10px 0px 6px; background:url(pro_seventeen_0b.gif) no-repeat right top;}
.css-tabs li.current a {color:#000; background:url(pro_seventeen_2a.gif) no-repeat;}
.css-tabs li.current a b {background:url(pro_seventeen_2b.gif) no-repeat right top;}
.css-tabs li a:hover {text-decoration:none; color:#000; background: url(pro_seventeen_1a.gif) no-repeat;}
.css-tabs li a:hover b {background:url(pro_seventeen_1b.gif) no-repeat right top;}

.css-tabs li a.current  {
border-bottom-width: 0pt;

border-bottom-style: none;

border-bottom-color: -moz-use-text-color;
color:#000; 
background: url(pro_seventeen_1a.gif) no-repeat; 
cursor:default;
height:25px;
margin-bottom: -1px;
z-index: 3;
}

.css-tabs li a.current b {

border-bottom-color: -moz-use-text-color;

background:url(pro_seventeen_1b.gif) no-repeat right top;
height:25px; 
border-bottom-width: 10pt; 
z-index:3;
}

/* tab pane */
div.css-panes{
	border:0px solid #9db1ba;
	border-width:1px 1px 1px 1px;
	padding:0px 0px;
	min-height:70px;
	z-index: 2;
}



/* get rid of those system borders being generated for A tags */
* {outline:none;outline-width:0;}
:focus {-moz-outline-style:none;}