body {
	background: #FF9C08 url(/Assets/Images/Template/SiteBgStretch.gif) repeat-x left top; 
	margin: 0px;
}

body.Mobile {
	background: none; 
	margin: 0px;
}

body, td, p, li, input {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}

td, th {
	vertical-align: top;
}

a, a:link, a:active {
	color: #044869;
	text-decoration: none;
	font-size: 8pt;
}

a:visited {
	color: #780000;
}

a:hover {
	color: #ff0000;
}

.VisualClearer {
	clear: both;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0px;
}

hr {
	color: #a4a4a4;
	height: 1px;
	margin: 5px 0px;
}

img {
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

input {
	margin: 0px;
}

/* Begin Site Container Styles */

.SiteContainerMobile {
	width: 270px;
	margin: 2px;
	
}

.SiteContainerMobile .SiteContainerTblMobile {
	width: 100%;
	background-color: #ffffff;
	margin: 0px;
}
/* End Site Container Styles */


/* Begin Sites Cross Linking Styles */
.CrossLinksWrapper {
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 3px;
}

.CrossLinksWrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.CrossLinksWrapper ul li {
	display: inline;
	color: #ffffff;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

.CrossLinksWrapper ul li ul {
	display: inline;
}


.CrossLinksWrapper ul li ul li {
	border-left: 1px solid #ffffff;
	padding: 0px 4px 0px 6px;
}

.CrossLinksWrapper ul li ul li.FirstItem {
	border-left: none;
	padding-left: 0px;
}

.CrossLinksWrapper a,
.CrossLinksWrapper a:visited {
	color: #ffffff;
	text-decoration: none;
}

.CrossLinksWrapper a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/* End Sites Cross Linking Styles */


/* Begin Header Content Styles */

.HeaderContainerMobile {
	padding: 0px 10px 3px 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	background: url(/Assets/Images/Template/WHATcom_Head_Mobile.gif) no-repeat 12px 15px;
}

.HeaderContainerMobile h1.WHATcomLogoMobile {
	margin: 15px 0px 5px 0px;
	border: none;
}

.HeaderContainerMobile h1.WHATcomLogoMobile img {
	width: 250px;
	height: 49px;
}

/* Begin Main Content Styles */
.FeedTbl {
	border-top: 1px solid #d7d7d7;
}

.FeedTbl td {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

.FeedTbl .Feeds {
	font-size: 10pt;
	color: #ffffff;
	width: 25%;
}

.FeedTbl .ItemBlockWrapper {
	background: url(/Assets/Images/Template/ItemBlockBgStretch.gif) no-repeat left bottom;
	border-bottom: 1px solid #d7d7d7;
	padding: 7px 10px;
	clear: both;
}

.FeedTbl .Feeds h2 {
	font-size: 8.5pt;
	color: #ffffff;
	padding-left: 7px;
	margin: 1px 0px;
}

.FeedTbl .Feeds h2 span,
.FeedTbl .Feeds h2 a,
.FeedTbl .Feeds h2 a:visited,
.FeedTbl .Feeds h2 a:hover {
	color: #ffffff;
	display: block;
	padding: 2px 7px 3px 0px;
	white-space: nowrap;
}

.FeedTbl .YellowItemBlockHeader {
	background: url(/Assets/Images/Headers/Yellow_Stretch.gif) repeat-x left top;
}

.FeedTbl .YellowItemBlockHeader h2 {
	background: url(/Assets/Images/Headers/Yellow_Left.gif) no-repeat left top;
}

.FeedTbl .YellowItemBlockHeader h2 span,
.FeedTbl .YellowItemBlockHeader h2 a,
.FeedTbl .YellowItemBlockHeader h2 a:visited,
.FeedTbl .YellowItemBlockHeader h2 a:hover {
	background: url(/Assets/Images/Headers/Yellow_Right.gif) no-repeat right top;
}

.FeedTbl .BlueItemBlockHeader {
	background: url(/Assets/Images/Headers/Blue_Stretch.gif) repeat-x left top;
}

.FeedTbl .BlueItemBlockHeader h2 {
	background: url(/Assets/Images/Headers/Blue_Left.gif) no-repeat left top;
}

.FeedTbl .BlueItemBlockHeader h2 span,
.FeedTbl .BlueItemBlockHeader h2 a,
.FeedTbl .BlueItemBlockHeader h2 a:visited,
.FeedTbl .BlueItemBlockHeader h2 a:hover {
	background: url(/Assets/Images/Headers/Blue_Right.gif) no-repeat right top;
}

.FeedTbl .GreenItemBlockHeader {
	background: url(/Assets/Images/Headers/Green_Stretch.gif) repeat-x left top;
}

.FeedTbl .GreenItemBlockHeader h2 {
	background: url(/Assets/Images/Headers/Green_Left.gif) no-repeat left top;
}

.FeedTbl .GreenItemBlockHeader h2 span,
.FeedTbl .GreenItemBlockHeader h2 a,
.FeedTbl .GreenItemBlockHeader h2 a:visited,
.FeedTbl .GreenItemBlockHeader h2 a:hover {
	background: url(/Assets/Images/Headers/Green_Right.gif) no-repeat right top;
}

.FeedTbl .RedItemBlockHeader {
	background: url(/Assets/Images/Headers/Red_Stretch.gif) repeat-x left top;
}

.FeedTbl .RedItemBlockHeader h2 {
	background: url(/Assets/Images/Headers/Red_Left.gif) no-repeat left top;
}

.FeedTbl .RedItemBlockHeader h2 span,
.FeedTbl .RedItemBlockHeader h2 a,
.FeedTbl .RedItemBlockHeader h2 a:visited,
.FeedTbl .RedItemBlockHeader h2 a:hover {
	background: url(/Assets/Images/Headers/Red_Right.gif) no-repeat right top;
}

.FeedTbl .GrayItemBlockHeader {
	background: url(/Assets/Images/Headers/Gray_Stretch.gif) repeat-x left top;
}

.FeedTbl .GrayItemBlockHeader h2 {
	background: url(/Assets/Images/Headers/Gray_Left.gif) no-repeat left top;
}

.FeedTbl .GrayItemBlockHeader h2 span,
.FeedTbl .GrayItemBlockHeader h2 a,
.FeedTbl .GrayItemBlockHeader h2 a:visited,
.FeedTbl .GrayItemBlockHeader h2 a:hover {
	background: url(/Assets/Images/Headers/Gray_Right.gif) no-repeat right top;
}

.FeedTbl .Feeds h3 {
	color: #555555;
	font-size: 8pt;
	margin: 5px 15px 5px 15px;
}

.FeedTbl p {
	margin: 5px 15px 10px 15px;
	line-height: 10pt;
}



.FeedTbl .Forms {
	text-align: center;
}

.FeedTbl input {
	color: #000000;
	width: 25px;
	margin-top: 3px;
}



.FeedTbl input.SubmitBtn {
	width: auto;
}

.FeedTbl .More {
	text-align: right;
	font-size: 8pt;
	padding-top: 5px;
}

.FeedTbl div.More {
	padding-right: 15px;
	padding-bottom: 5px;
}

.FeedTbl div.MoreLogo {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}

.FeedTbl div.FeedDescriptor {
	font-size: 7pt;
	color: #7FAFFD;
	padding-left: 12px;
	margin-top: 2px;
}


.FeedTbl ul {
	margin: 7px 5px 0px 12px;
	padding: 0px;
	list-style: none;
}

.FeedTbl .Feeds ul li img {
	vertical-align: top;
	margin-top: 1px;
}

.FeedTbl .Feeds ul li {
	font-style: normal;
	font-size: 7.5pt;
	padding-bottom: 7px;
	line-height: 9.5pt;
	margin-right: 1px;
	position: relative;
/*	left: 2px; */
}

.FeedTbl .Feeds ul li span 
{
	color: #7FAFFD;
	font-size: 7pt;
}

.FeedTbl .Feeds ul li a {
	font-style: normal;
	line-height: 8.5pt;
}

.FeedTbl ul.DoubleUp {
	font-size: 7.5pt;
	padding-bottom: 1px;
	float: left;
	margin-left: 0px;
	position: relative;
	left: 10px;
}

.FeedTbl ul.DoubleUp li {
	padding-bottom: 4px;
}

.FeedTbl ul.DoubleUp li a {
	font-size: 7.5pt;
}

.FeedTbl .Charts {
	text-align: center;
	width: 24%;
}

.FeedTbl .ChartsItemBlockWrapper {
/*	background: url(/Assets/Images/Template/ItemBlockBgStretch.gif) no-repeat left bottom; */
	border-bottom: 1px solid #d7d7d7;
}

.FeedTbl .Charts img {
	margin: 5px 0px;
	position: relative;
	right: 2px;
}

.FeedTbl .Charts a {
	position: relative;
	left: 2px;
}

.FeedTbl .Charts p {
	text-align: left;
	padding: 0px 5px;
}

.FeedTbl .SecondaryItemWrapper {
	padding: 3px 0px 0px 0px;
	margin: 0px 8px 5px 8px;
}

.FeedTbl .SecondaryItemWrapper h3 {
	font-size: 7.5pt;
	margin: 1px 0px;
	padding: 0px 4px 1px 0px;
}

.FeedTbl .SecondaryItemWrapper h3.YellowBlock {
	border-bottom: 1px solid #b79700;
	color: #8c7400;
}

.FeedTbl .SecondaryItemWrapper h3.GreenBlock {
	border-bottom: 1px solid #669933;
	color: #669933;
}

.FeedTbl .SecondaryItemWrapper h3.RedBlock {
	border-bottom: 1px solid #901111;
	color: #901111;
}

.FeedTbl .SecondaryItemWrapper h3.BlueBlock {
	border-bottom: 1px solid #044869;
	color: #044869;
}

.FeedTbl .SecondaryItemWrapper h3.GrayBlock {
	border-bottom: 1px solid #737373;
	color: #737373;
}

.FeedTbl .SecondaryItemWrapper p {
	margin: 0px;
	font-size: 7.5pt;
}

.FeedTbl .SecondaryItemWrapper a {
	font-size: 7.5pt;
}

.FeedTbl .SecondaryItemWrapper ul {
	list-style: none;
	margin: 3px 0px 0px 10px;
	padding: 0px;
}

.FeedTbl .SecondaryItemWrapper ul li {
	background: url(/Assets/Images/Bullets/HollowBlack.gif) no-repeat left 5px;
	padding-left: 7px;
	padding-bottom: 2px;
}


/* Begin Browse Pad Styles */
.MiniBrowseWrapper {
	padding-top: 3px;
	clear: both;
	width: 100%;
}

/* Begin Browse Pad Table Styles */
.MiniBrowsePadTblwithIcon {
	margin-top: -7px;
}

.MiniBrowsePadTbl {
	margin-left: 1px;
	margin-right: 1px;
	background: url(/Assets/Images/TinyBrowsePad/GradientBg.gif) no-repeat 1px 1px;
}

.MiniBrowsePadTbl,
.MiniBrowsePadTbl td {
	border: none;
}

.MiniBrowsePadTbl .LeftCornerTop {
	background: url(/Assets/Images/TinyBrowsePad/Corner_LeftTop.gif) no-repeat left top;
	width: 4px;
}

.MiniBrowsePadTbl .RightCornerTop {
	background: url(/Assets/Images/TinyBrowsePad/Corner_RightTop.gif) no-repeat right top;
	width: 4px;
}

.MiniBrowsePadTbl .MainContent {
	width: 100%;
}

.MiniBrowsePadTbl .LeftBgStretch {
	background: url(/Assets/Images/TinyBrowsePad/Stretch_Left.gif) repeat-y left top;
}

.MiniBrowsePadTbl .RightBgStretch {
	background: url(/Assets/Images/TinyBrowsePad/Stretch_Right.gif) repeat-y right top;
}

.MiniBrowsePadTbl .TopBgStretch {
	background: url(/Assets/Images/TinyBrowsePad/Stretch_Top.gif) repeat-x left top;
}

.MiniBrowsePadTbl .BottomBgStretch {
	background: url(/Assets/Images/TinyBrowsePad/Stretch_Bottom.gif) repeat-x left top;
}

.MiniBrowsePadTbl .LeftCornerBottom {
	background: url(/Assets/Images/TinyBrowsePad/Corner_LeftBottom.gif) no-repeat left top;
	width: 4px;
}

.MiniBrowsePadTbl .RightCornerBottom {
	background: url(/Assets/Images/TinyBrowsePad/Corner_RightBottom.gif) no-repeat right top;
	width: 4px;
}

.MiniBrowsePadTbl .LeftCornerTop img,
.MiniBrowsePadTbl .RightCornerTop img,
.MiniBrowsePadTbl .LeftCornerBottom img,
.MiniBrowsePadTbl .RightCornerBottom img,
.MiniBrowsePadTbl .TopBgStretch,
.MiniBrowsePadTbl .BottomBgStretch {
	width: 4px;
	height: 4px;
}
/* end Browse Pad Table Styles */

.MiniBrowsePadTbl .MainContent {
	padding-right: 5px;
}

.MiniBrowseWrapper .MiniBrowsePadTbl .MainContent a {
	font-size: 7.5pt;
}

.MiniBrowsePadTbl .MainContent ul {
	margin: 0px;
	padding: 0px;
}

.MiniBrowsePadTbl .MainContent ul.IndentedLists {
}

.MiniBrowsePadTbl .MainContent ul li h3 {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-size: 7.5pt;
}

.MiniBrowsePadTbl .MainContent ul li h3 span {
	background-color: #fefefe;
	padding-right: 4px;
	padding-left: 4px; 
}

.MiniBrowsePadTbl .MainContent ul li {
	margin: 0px;
	padding: 0px;
}

.MiniBrowsePadTbl .MainContent ul li ul {
	margin-top: 1px;
}

.MiniBrowsePadTbl .MainContent ul li ul li {
	padding: 0px 2px 1px 10px;
	border-bottom: 1px solid #ffffff;
}

.MiniBrowsePadTbl .MainContent ul.IndentedLists li ul li  {
	border: none;
}

.MiniBrowsePadTbl .MainContent ul.IndentedLists li ul li ul {
	margin-bottom: 2px;
}

.MiniBrowsePadTbl .MainContent ul.IndentedLists li ul li ul li a {
	font-weight: normal;
}

.MiniBrowsePadTbl .MainContent ul li ul li a,
.MiniBrowsePadTbl .MainContent ul li ul li a:visited {
	font-weight: bold;
	color: #777777;
}

.MiniBrowsePadTbl .MainContent ul li ul li a:hover {
	font-weight: bold;
	color: #ff0000;
}

.MiniBrowsePadTbl .MainContent ul.IndentedLists li.More {
	text-align: right;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

.MiniBrowsePadTbl .MainContent ul li.LastItem,
.MiniBrowsePadTbl .MainContent ul.IndentedLists li.LastItem {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.MiniBrowsePadTbl .MainContent ul li ul.DoubleUp li {
	padding-left: 0px;
	padding-right: 10px;
}

/* Begin Long Inline Table Styles */
.LongMiniBrowsePadTbl {
	background: #fafafa url(/Assets/Images/TinyBrowsePad/GradientBg2.gif) no-repeat 1px 1px;
}

.LongMiniBrowsePadTbl .MainContent ul li h3 span  {
	background-color: #fcfcfc;
	padding-right: 4px;
	padding-left: 4px;
}
/*
.LongMiniBrowsePadTbl .MainContent ul li h3 a,
.LongMiniBrowsePadTbl .MainContent ul li h3 a:visited {
	color: #044869;
}

.LongMiniBrowsePadTbl .MainContent ul li h3 a:hover {
	color: #ff0000;
} */

.LongMiniBrowsePadTbl .MainContent ul li ul.InlineList {
	margin-left: 7px;
	margin-bottom: 5px;
}

/*
.LongMiniBrowsePadTbl .MainContent ul li ul.InlineList li {
	display: inline;
	border: none;
	padding: 0px;
	margin: 0px -3px 0px 0px;
} */

.LongMiniBrowsePadTbl .MainContent ul li h3 span.Larger a {
	font-size: 8pt;
}

.LongMiniBrowsePadTbl .MainContent ul li ul.InlineList li a,
.LongMiniBrowsePadTbl .MainContent ul li ul.InlineList li a:visited,
.LongMiniBrowsePadTbl .MainContent ul li ul.InlineList li a:hover {
	font-weight: normal; 
	margin-right: -2px;
	font-size: 8pt;
}

.LongMiniBrowsePadTbl .MainContent ul li ul.InlineList li span {
}

.MiniBrowseWrapper .Yellow ul li h3 a,
.MiniBrowseWrapper .Yellow ul li h3 a:visited {
	color: #8c7400;
}

.MiniBrowseWrapper .Blue ul li h3 a,
.MiniBrowseWrapper .Blue ul li h3 a:visited {
	color: #044869;
}

.MiniBrowseWrapper .Red ul li h3 a,
.MiniBrowseWrapper .Red ul li h3 a:visited {
	color: #901111;
}

.MiniBrowseWrapper .Gray ul li h3 a,
.MiniBrowseWrapper .Gray ul li h3 a:visited {
	color: #737373;
}

.MiniBrowseWrapper .Green ul li h3 a,
.MiniBrowseWrapper .Green ul li h3 a:visited {
	color: #669933;
}

.MiniBrowseWrapper .Yellow ul li h3 a:hover,
.MiniBrowseWrapper .Blue ul li h3 a:hover,
.MiniBrowseWrapper .Red ul li h3 a:hover,
.MiniBrowseWrapper .Green ul li h3 a:hover,
.MiniBrowseWrapper .Gray ul li h3 a:hover {
	color: #ff0000;
}
/* End Long Inline Table Styles */
/* End Browse Pad Styles */

/* Begin Custom Colours */
.MiniBrowseWrapper .Yellow .MiniBrowsePadTbl .MainContent ul li h3 {
	color: #8c7400;
	background: url(/Assets/Images/TinyBrowsePad/Divider_Yellow.gif) repeat-x left 7px;
}

.MiniBrowseWrapper .Blue .MiniBrowsePadTbl .MainContent ul li h3 {
	color: #044869;
	background: url(/Assets/Images/TinyBrowsePad/Divider_Blue.gif) repeat-x left 7px;
}

.MiniBrowseWrapper .Red .MiniBrowsePadTbl .MainContent ul li h3 {
	color: #901111;
	background: url(/Assets/Images/TinyBrowsePad/Divider_Red.gif) repeat-x left 7px;
}

.MiniBrowseWrapper .Green .MiniBrowsePadTbl .MainContent ul li h3 {
	color: #669933;
	background: url(/Assets/Images/TinyBrowsePad/Divider_Green.gif) repeat-x left 7px;
}

.MiniBrowseWrapper .Gray .MiniBrowsePadTbl .MainContent ul li h3 {
	color: #737373;
	background: url(/Assets/Images/TinyBrowsePad/Divider_Gray.gif) repeat-x left 7px;
}
/* End Custom Colours */

/* Begin Input Form Wrapper Styles*/
.InputFormWrapper {
	clear: both;
	text-align: center;
}

.InputFormWrapper input {
	width: 100px;
}
/* End Input Form Wrapper Styles */
/* End Main Content Styles */

/* Begin Footer Styles */
.FooterContainer {
	text-align: center;
	background-color: #f9f9f9;
	border-top: 1px solid #e0e1e2;
	border-bottom: 1px solid #e0e1e2;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	padding: 2px 20px;
}

.Footer,
.Footer a,
.Footer a:link,
.Footer a:active,
.Footer a:visited {
	font-size: 8pt;
	color: #3f3f3f;
	margin: 0px;
	text-decoration: none;
}

.Footer a:hover {
	color: #055b85;
	text-decoration: underline;
}
/* End Footer Styles */