1 

     2 /* root element for tabs  */

     3 ul.css-tabs {

     4 	margin:0 !important;

     5 	padding:0;

     6 	height:20px;

     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:14px;

    28 	background-color:#efefef;

    29 	color:#777;

    30 	margin-right:2px;

    31 	position:relative;

    32 	top:1px;

    33 }

    34 

    35 ul.css-tabs a:hover {

    36 	background-color:#CFCEB7;

    37 	color:#333;

    38 }

    39 

    40 /* selected tab */

    41 ul.css-tabs a.current {

    42 	background-color: white;

    43 	border-bottom:2px solid white;

    44 	color:#000;

    45 }

    46 

    47 

    48 /* tab pane */

    49 div.css-panes div {

    50 	display:none;

    51 	border:1px solid #666;

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

    53 	min-height:150px;

    54 	padding:15px 20px;

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

    56 }

    57 

    58 

    59