/*------Mag2 Page-------*/
#MagTable {
width: 900px;
border: 0px solid green;
text-align: center;
}

#MagTable td {
width: 200px;
height: 80px;
padding: 4px;
}

.NewJanuary2009 {
background: transparent url("../Images/New/VeiwOnlineAlt.png") no-repeat;
width: 200px;
height: 80px;
}

.NewJanuary2009 {
background: transparent url("../Images/New/VeiwOnlineAlt.png") no-repeat;
}

.VeiwOnline {
background-image: url("../Images/New/VeiwOnlineAlt.png");
background-position: 0 -80px;
background-repeat: no-repeat;
width: 200px;
height: 80px;
}

.DownloadMag a:hover {
background-image: url("../Images/New/DownloadAlt.png");
width: 200px;
height: 80px;
display: block;
}

/*------Metal Edge-------*/

.MetalEdgeL {
width: 4px;
height: 25px;
background-image: url("../Images/GZP/MetalEdge.png"); 
background-position: 0 0;
margin-top: -25px; 
padding: 0px 0px;
}

.MetalEdgeR {
float: right;
width: 4px;
height: 25px;
background-image: url("../Images/GZP/MetalEdge.png"); 
background-position: 5px 0;
margin-top: -25px; 
padding: 0px 0px;
}

.MetalEdgeB {
float: right;
width: 4px;
height: 25px;
background-image: url("../Images/GZP/MetalEdge.png"); 
background-position: 10px 0;
}

/*------Tab Content-------*/

.tabs-container {
width: 878px;
height: 600px;
border: 1px solid black;
padding: 1em 8px;
background: #343434 url("../Images/GZP/DateSlice.png") repeat-x;
color: white;
}

.Handler {
float: left;
margin-top: 15px;
}

/*------Tabs Themselves-------*/

.tabs-nav {
list-style: none;
margin: 0 4px;
padding: 0 4px;
height: 25px;
background-image: url("../Images/GZP/MetalEdge.png"); 
background-position: 0px 25px;
}

.tabs-nav a, .tabs-nav a span {
display: block;
}

.tabs-nav a {
color: white;
position: relative;
z-index: 2;
padding-left: 0;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
}

.tabs-nav a:visited {
color: black;
}

.tabs-nav a:hover {
color: white;
}

.tqabs-nav li {
text-align: center;
width: 40px;
}

.tabs-nav a span {
padding-top: 7px;
}

.tabs-loading em {
padding: 0 0 0 10px;
background: url(loading.gif) no-repeat 0 50%;
}

/*-----------------------Modifications for other browsers---------*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
display: none;
}
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}

.tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 84px; /* be nice to Opera */
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
outline: 0; /* prevent dotted border in Firefox */
}

*>.tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}