/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul { overflow: hidden; width: auto; margin: 0; padding: 0; list-style: none; }
.tabsmenuclass li { float: left; list-style: none; }
.tabsmenuclass a { font-family: Arial; font-weight: bold; font-size: 12px; color: #FFFFFF; background: url(/images/tab-green-125.gif); text-decoration: none; padding-right: 0px; padding-left: 0px; padding-bottom: 11px; padding-top: 12px; display: block; width: 125px; line-height: 100%; text-align: center; }
.tabsmenuclass a:hover, .tabsmenuclass a.selected { color: #666699; background: url(/images/tab-white-125.gif); list-style-type: none; }

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass a { clear: left; font-family: Arial; font-weight: bold; font-size: 12px; color: #009966; text-decoration: none; padding-right: 10px; padding-left: 10px; border-right: 1px solid #CCCCCC; margin-left: -10px; background: #FFFFFF; }
.tabsmenucontentclass a:hover { color: #666699; text-decoration: none; }
.tabsmenucontentclass ul { margin: 0; padding-top: 6px; list-style-type: none; background: #FFFFFF; z-index: 100; }
.tabsmenucontentclass li { float: left; margin-right: 1em; background: #FFFFFF; z-index: 100; list-style: none; }

/* ######### CSS for agent level tabs ######### */

.agenttabs ul { overflow: hidden; width: auto; margin: 0; padding: 0; list-style: none; }
.agenttabs li { float: left; list-style: none; }
.agenttabs a { font-family: Arial; font-weight: bold; font-size: 12px; color: #FFFFFF; background: url(/images/tab.gif); text-decoration: none; padding-right: 0px; padding-left: 0px; padding-bottom: 11px; padding-top: 12px; display: block; width: 125px; line-height: 100%; text-align: center; }
.agenttabs a:hover, .agenttabs a.selected { color: #666699; background: url(/images/tab-white-125.gif); list-style-type: none; }