Ajax Training, Learn Ajax Video Tutorials Online, Ajax Examples

div.tabmenu ul {
position: relative;
top: 1px;
padding: 2px 0px 4px 0px;
margin: 0px 0px 0px 8px;
white-space:nowrap;
list-style-type: none;
z-index: 1000;
}

div.tabmenu ul li {
margin: 0px 4px 0px 0px;
min-width:100px;
border: 1px solid #CCCCCC;
border-bottom: none;
background-image: url("../img/inactive_item_bg.gif");
background-repeat: repeat-x;
float:left;
position: relative;
display: block;
}

div.tabmenu ul li a:link, div.tabmenu ul li a:visited {
font: bold 12px arial;
color: #6A6A6A;
text-decoration: none;
text-align: center;
padding: 3px 8px;
position: relative;
display: block;
}

div.tabmenu ul li.tabitemactive a:hover {
color: #000000;
}

div.tabmenu ul li.tabitemactive {
margin: 0px 4px 0px 0px;
border: 1px solid #B9D1F0;
background-image: url("../img/item_bg.gif");
background-repeat: repeat-x;
border-bottom: none;
position:relative;
display:block;
}

div.tabmenu ul li.tabitemactive a:link, div.tabmenu ul li.tabitemactive a:visited {
font: bold 12px arial;
color: #FF6600;
text-decoration: none;
text-align: center;
padding: 3px 8px;
position:relative;
display:block;
}

div.tabmenu ul li a:hover, div.tabmenu ul li.tabitemactive a:hover {
color: #000000;
}

div.tabmenu div.tabmenucontent {
clear: both;
border: 1px solid #CCCCCC;
padding: 8px;
background-color: #EFF5FF;
margin: 0px;
position: static;
}

div.tabmenu div.tabmenucontent div.contenthidden {
display: none;
}

div.tabmenu div.tabmenucontent div.contentvisible {
display: block;
}