Just some advice to make it look a bit better for now:
Edit: Seems that you already fixed this
On your global.CSS
.tborder {
width: 100%;
margin: auto auto;
[u][i]border: 1px solid silver;[/i][/u] - Delete this line
}
Delete this from #container
outline:1px solid #909090
For your tabs on tabbed.CSS
.shadetabs {
padding: 2px 0;
margin-left: 0;
margin-top: 8px;
margin-bottom: 0x;
list-style-type: none;
text-align: left;
float: left;
}
.shadetabs li {
display: inline;
margin: 0;
}
.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 9px;
margin-right: 3px;
border: 1px solid #B7BDC2;
color: #576979;
background: #E2E2E2;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius: 4px;
text-shadow: 0 1px 0 white;
font-size: 14px;
box-shadow: 0 1px rgba(0,0,0,.1), 0 -1px rgba(0,0,0,.1), 1px 0 rgba(0,0,0,.1), -1px 0 rgba(0,0,0,.1), 0 1px rgba(255,255,255,.4) inset, 0 -1px rgba(255,255,255,.4) inset, 1px 0 rgba(255,255,255,.4) inset, -1px 0 rgba(255,255,255,.4) inset;
}
.shadetabs li a:hover {
text-decoration: underline;
}
.shadetabs li a.selected {
/*selected main tab style */
position: relative;
top: 1px;
}
.shadetabs li a.selected {
/*selected main tab style */
background: #ADCBE7;
color: #000000;
border-bottom-color: #81A2C4;
}
.shadetabs li a.selected:hover {
/*selected main tab style */
text-decoration: none;
}
.tabcontent {
display:none;
}
@
media print {
.tabcontent {
display:block !important;
}
Also adding this code on some of the tables would make them pop-up and look good
box-shadow: 0 1px rgba(0,0,0,.1), 0 -1px rgba(0,0,0,.1), 1px 0 rgba(0,0,0,.1), -1px 0 rgba(0,0,0,.1), 0 1px rgba(255,255,255,.4) inset, 0 -1px rgba(255,255,255,.4) inset, 1px 0 rgba(255,255,255,.4) inset, -1px 0 rgba(255,255,255,.4) inset
Edit: Just read your replied. you seem heated, just take it easy man. I'm just expressing my point of view, don't take it personal.
If you are feeling this hit me up for CSS: