/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: 11px Verdana; width: 100%; /*leave this value as is in most cases*/ font-weight: bold; } .indentmenu ul{ margin: 0; padding: 0; float: left; width: 100%; /* width: 80%; width of menu*/ border-top: 0px solid #dfdfdf; /*navy border*/ border-left: 0px dotted #c0c0c0; /*navy border*/ border-right: 0px dotted #c0c0c0; /*navy border*/ background: black url('hd_bg.gif') center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: #006666; /*text color*/ padding: 7px 13px; text-decoration: none; border-right: 1px solid #c0c0c0; /*navy divider between menu items*/ } .indentmenu ul li a:hover{ color: #686868 !important; padding-top: 8px; /*shift text down 1px*/ padding-bottom: 7px; background: black url('hd_bg.png') center center repeat-x; } .indentmenu ul li a:visited{ color: #686868; } .indentmenu ul li a.selected{ color: #686868 !important; padding-top: 8px; /*shift text down 1px*/ padding-bottom: 7px; background: white url('hd_bg.png') center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 0px solid grey; width: 100%; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }