div.domtab{
padding:0 0em;
width:100%;
/* background: Fuchsia; controls the background colour of the whole tab box*/
/* background: #fff
url("style_images/generaldombackground.png") repeat-x top left !important; */
}
ul.domtabs{
float:center;
width:100%;
margin: 0 0 0 0;
list-style: none;
margin-top: 0px !important;
display: block;
position:absolute;
}
ul.domtabs li{
float:left;
padding:0 0.5em 0 0;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
padding: .2em 1em; /* .2em 1em controls the spacing between tabs themselves */
display: block;
background: #ddd; /* controls the background colour of non active tabs */
color:#000; /* controls the font colour of non active tabs */
font-weight:bold;
text-decoration:none;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover{
height:auto;
min-height:1em; /* 1 em controls spacing between tabs and content */
}
ul.domtabs a:hover{
background: #333; /* controls the background colour of the active tab */
color:#eee; /* controls the font colour of active tabs */
text-decoration: none !important;
}
div.domtab div { /* this CSS selector? controls how everything in a tab is displayed /*
width: auto;
background: none; /* #ccc Controls the background colour of each tab */
/* color:#fff; */
padding: 1em 1em; /* 1em 1em;controls the width of the padding around content*/
margin-top: 0px !important; /* Fix for IE */
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
background:#333;
color:#eee;
text-decoration: none !important; /* I’m not big on underlined links */
}
#domtabprintview{
padding:.5em 4em;
text-align:right;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{
color:#ccc;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
/* You can control the colours of the links in your tab seperate from the rest of your blog here, I have chosen not to do that, except to make sure that the line height (spacing) jives with the rest of my style*/
line-height: 1em;
}
div.domtab div ul li {
margin: 0;
line-height: 1em;
}