﻿div.snoPanel, div.snoPanelHeaded
{
	background-color:#EEEEEE;
	margin-bottom:15px;
	
    position:relative;
}

div.snoPanel h1, div.snoPanelFull h1, div.snoPanelHeaded h1
{
	margin:0px 0px 10px 0px;
}

div.snoPanel h2, div.snoPanelFull h2, div.snoPanelHeaded h2
{
	margin:0px 0px 10px 0px;
}

div.snoPanelFull div.forecastContainerLeft h2, div.snoPanelFull div.forecastContainerRight h2
{
	margin:0px 0px 0px 0px ! important;
}

div.snoPanel h3, div.snoPanelFull h3, div.snoPanelHeaded h3
{
	margin:0px 0px 10px 0px;
}

div.snoPanel h4, div.snoPanelFull h4, div.snoPanelHeaded h4
{
	margin:0px 0px 10px 0px;
}

div.snoPanel div.headerBar, div.snoPanelFull div.headerBar
{
	height:4px;	
}

div.snoPanelHeaded div.headerBar
{
	height:20px;
	/*width:620px;*/
	background-color:#333333;
	position:relative;	
}

div.snoPanelHeaded div.headerBar div.tl
{
	height:6px;
	width:4px;
	float:left;
	background-image:url(images/boxHeadTL.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.snoPanelHeaded div.headerBar div.tr
{
	height:6px;
	width:4px;
	float:right;
	background-image:url(images/boxHeadTR.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.snoPanel div.footerBar, div.snoPanelFull div.footerBar, div.snoPanelHeaded div.footerBar
{
	height:4px;
	
}

div.snoPanel div.content, div.snoPanelFull div.content
{
}
div.snoPanelHeaded div.content 
{
    background-image:url(images/snoPanelBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}

div.snoPanel div.lowPadding, div.snoPanelHeaded div.lowPadding, div.snoPanelFull div.lowPadding 
{
	padding:2px 2px 0px 2px;
	/*padding:2px 2px 2px 2px;*/
}
div.snoPanel div.medPadding, div.snoPanelHeaded div.medPadding, div.snoPanelFull div.medPadding
{
	padding:4px 4px 0px 4px;
	/*padding:4px 4px 4px 4px;*/
}
div.snoPanel div.highPadding, div.snoPanelHeaded div.highPadding, div.snoPanelFull div.highPadding
{
	padding:4px 8px 0px 8px;
	/*padding:4px 8px 4px 8px;*/
}

div.snoPanel div.headerBar div.tl, div.snoPanelFull div.headerBar div.tl
{
	height:4px;
	width:4px;
	float:left;
	background-image:url(images/boxTL.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.snoPanel div.headerBar div.tr, div.snoPanelFull div.headerBar div.tr
{
	height:4px;
	width:4px;
	float:right;
	background-image:url(images/boxTR.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.snoPanel div.footerBar div.bl, div.snoPanelFull div.footerBar div.bl, div.snoPanelHeaded div.footerBar div.bl
{
	height:4px;
	width:4px;
	float:left;
	background-image:url(images/boxBL.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.snoPanel div.footerBar div.br, div.snoPanelFull div.footerBar div.br, div.snoPanelHeaded div.footerBar div.br
{
	height:4px;
	width:4px;
	float:right;
	background-image:url(images/boxBR.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.snoPanelHeaded div.headerBar div.headerText
{
	float:left;
	color:#FFFFFF;
	margin-top:1px;
	font-weight:bold;
}

div.snoPanelHeaded div.headerBar div.headerTextWithRSS
{
	padding-left:16px;
}

div.snoPanel div.rule, div.snoPanelHeaded div.rule
{
	width:604px;
	height:20px;
	background-image:url(images/ruleTest.png);
	background-repeat:no-repeat;
	margin:0 auto;    
}

div.snoPanel div.rule2, div.snoPanelHeaded div.rule2
{
	width:604px;
	height:20px;
	background-image:url(images/rule2.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

div.snoPanelFull div.rule
{
	width:814px;
	height:20px;
	background-image:url(images/fullRule.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

div.snoPanelFull div.rule2
{
	width:814px;
	height:20px;
	background-image:url(images/fullRule2.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

div.snoPanelFull div.rule2plain
{
	width:814px;
	height:12px;
	background-image:url(images/fullRule2plain.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 auto;
}

div.snoPanelHeaded div.headerBar a.rssIcon
{
	width:13px;
	height:13px;
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(images/rssIcon.jpg);
	top:3px;
	left:3px;
	position:absolute;
	display: block;
	
}

div.snoPanelHeaded div.headerBar div.icon
{
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:top;
	top:-11px;
	right:0;
	position:absolute;
	
}

div.snoPanelHeaded div.headerBar div.eventsIcon
{
    background-image:url(images/eventsIcon.png);
}

div.snoPanelHeaded div.headerBar div.forecastIcon
{
    background-image:url(images/forecastIcon.png);
}

div.snoPanelHeaded div.headerBar div.threadsIcon
{
    background-image:url(images/threadsIcon.png);
}

div.snoPanelHeaded div.headerBar div.loginIcon
{
    background-image:url(images/loginIcon.png);

}

/* sub panel */
div.snoSubPanel
{
	background-color:#DDDDDD;
}

div.snoPanelBottomMarginLow
{
	margin-bottom:2px;
}

div.snoPanelBottomMarginMedium
{
	margin-bottom:4px;
}

div.snoPanelBottomMarginHigh
{
	margin-bottom:8px;
}

div.snoPanelTopMarginLow
{
	margin-top:2px;
}

div.snoPanelTopMarginMedium
{
	margin-top:4px;
}

div.snoPanelTopMarginHigh
{
	margin-top:8px;
}

div.snoSubPanel h1
{
	margin:0px 0px 10px 0px;
}

div.snoSubPanel h2
{
	margin:0px 0px 10px 0px;
}

div.snoSubPanel h3
{
	margin:0px 0px 10px 0px;
}

div.snoSubPanel h4
{
	margin:0px 0px 10px 0px;
}

div.snoSubPanel div.headerBar
{
	height:4px;
}

div.snoSubPanel div.footerBar
{
	height:4px;
}

div.snoSubPanel div.content
{
}

div.snoSubPanel div.lowPadding
{
	padding:0px 2px 0px 2px;
}
div.snoSubPanel div.medPadding
{
	padding:0px 4px 0px 4px;
}
div.snoSubPanel div.highPadding
{
	padding:4px 8px 4px 8px;
}

div.snoSubPanel div.headerBar div.tl
{
	height:4px;
	width:4px;
	float:left;
	background-image:url(images/subBoxTL.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.snoSubPanel div.headerBar div.tr
{
	height:4px;
	width:4px;
	float:right;
	background-image:url(images/subBoxTR.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.snoSubPanel div.footerBar div.bl
{
	height:4px;
	width:4px;
	float:left;
	background-image:url(images/subBoxBL.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.snoSubPanel div.footerBar div.br
{
	height:4px;
	width:4px;
	float:right;
	background-image:url(images/subBoxBR.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

