/* 2010-09-09 04:28:33.6989 UTC */
#headerTop
{
	background-image:url(http://images.zip.ca/images/head_topback.gif);
	background-color: #CC0000;
	width: 587;
	height: 50;
	vertical-align: top;
	padding-top: 10px;
	padding-right:5px;
	text-align: right;
}
#Header
{
	height: 80px;
	width:600px;
	text-align: center;
}
.boxContent
{
	width: 170px;
	padding-bottom: 10px;
}
/*** New Table Looks ***/
td.rowTitle	{
	background-color: #d6d6d6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #003366;
	letter-spacing: 1px;
	height: 30px;
	font-variant: small-caps;
	background-image: url(http://images.zip.ca/images/q_row1.gif);
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #999999;
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: middle;
}
td.row	{
	background-color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	font-variant: normal;
	background-image: url(http://images.zip.ca/images/q_row2.gif);
	border-top: 1px solid #66CCFF;
	border-right: 1px solid #6699cc;
	border-bottom: 1px solid #003399;
	border-left: 1px solid #6699cc;
	background-repeat: repeat-x;
	background-position: bottom;
}
td.rowGreen	{
	background-color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	font-variant: normal;
	background-image: url(http://images.zip.ca/images/q_row2_green.gif);
	border-top: 1px solid #00CC00;
	border-right: 1px solid #009900;
	border-bottom: 1px solid #006600;
	border-left: 1px solid #009900;
	background-repeat: repeat-x;
	background-position: bottom;
}
td.rowRed {
	background-color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	font-variant: normal;
	background-image: url(http://images.zip.ca/images/q_row2_red.gif);
	border-top: 1px solid #FF0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #CC0000;
	background-repeat: repeat-x;
	background-position: bottom;
}
td.row3	{
	background-color: #3d3d3d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	height: 30px;
	font-variant: normal;
	background-image: url(http://images.zip.ca/images/q_row4.gif);
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: right;
}
td.row2grey    {
    background-color: #b4b4b4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    color: #666666;
    height: 30px;
    background-image: url(http://images.zip.ca/images/q_row4.gif);
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    background-repeat: repeat-x;
    background-position: bottom;
} 

/* Box Graphics */

.box-back-red 
{
	background-image: url(http://images.zip.ca/zip/en-CA/live/header/box/box-back-red-shiny.png);
}

/* In case you're wondering what the > is doing, it says that when box-tabs is inside of a box-back-red *
 * containment, then use this style. */
.box-back-red > .box-tabs a:link, .box-back-red > .box-tabs a:visited
{
	background-image: url(http://images.zip.ca/zip/en-CA/Sports/Leagues/NHL/menus/div.gif);
}


.box-back-gray > .box-tabs a:link, .box-back-gray > .box-tabs a:visited
{
	background-image: url(http://images.zip.ca/zip/en-CA/Sports/Leagues/NHL/menus/div_grey2.gif);
}


.box-button-close
{
	background-image: url(http://images.zip.ca/zip/en-CA/Sports/vote/x.gif); 
}