1 

     2 /* root element for tabs  */

     3 ul.css-tabs {

     4 	margin:0 !important;

     5 	padding:0;

     6 	height:24px;

     7 	border-bottom:1px solid #666;

     8 }

     9 

    10 /* single tab */

    11 ul.css-tabs li {

    12 	float:left;

    13 	padding:0;

    14 	margin:0;

    15 	list-style-type:none;

    16 }

    17 

    18 /* link inside the tab. uses a background image */

    19 ul.css-tabs a {

    20 	float:left;

    21 	font-size:12px;

    22 	display:block;

    23 	padding:2px 20px;

    24 	text-decoration:none;

    25 	border:1px solid #666;

    26 	border-bottom:0px;

    27 	height:18px;

    28 	background-color:#efefef;

    29 	color:#777;

    30 	margin-right:2px;

    31 	-moz-border-radius-topleft: 4px;

    32 	-moz-border-radius-topright:4px;

    33 	position:relative;

    34 	top:1px;

    35 }

    36 

    37 ul.css-tabs a:hover {

    38 	background-color:#CFCEB7;

    39 	color:#333;

    40 }

    41 

    42 /* selected tab */

    43 ul.css-tabs a.current {

    44 	background-color: white;

    45 	border-bottom:2px solid #ddd;

    46 	color:#000;

    47 	cursor:default;

    48 }

    49 

    50 

    51 /* tab pane */

    52 div.css-panes div {

    53 	display:none;

    54 	border:1px solid #666;

    55 	border-width:0 1px 1px 1px;

    56 	min-height:150px;

    57 	padding:15px 20px;

    58 	/* background-color:#ddd; */

    59 }

    60 

    61 

    62