/* 
	================================
CSS STYLES FOR DotNetNuke Skins by the NetProCity Team - http://www.netprocity.com
The best place to learn about how to skin your DotNetNuke website
Tutorials, Forums, Code Snippets, Videos, Expert Advice by Experienced DNN Skinners
Free & Premium Content for the DotNetNuke enthusiast

NetProCity Skin - 
   ================================
*/ 

/* ------------ Content Panes ----------- */
.LeftBannerPane{ padding:30px 3px 3px 3px; background:transparent;}
	
.HeaderPane{padding-top:3px; padding-right:3px; padding-bottom:3px; padding-left:3px; background:transparent;}
.HeaderLeftPane{ padding:3px 3px 3px 3px; background:transparent;}
.HeaderContentPane{ padding:3px 3px 3px 3px; background:transparent;}
.HeaderRightPane{ padding:3px 3px 3px 3px; background:transparent;}

.TopMenuPane{padding:3px 3px 3px 3px; background:transparent;}
.BottomMenuPane{padding:3px 3px 3px 3px; background:transparent;}

.TopPane{padding:3px 3px 3px 3px; background:transparent;}
.LeftPane{padding:3px 3px 3px 3px; background:transparent;}
.ContentPane{width:100%; padding:3px 3px 3px 3px; background:transparent;}
.InnerLeftPane{padding:3px 3px 3px 3px; background:transparent;}
.CenterPane{padding:3px 3px 3px 3px; background:transparent;}
.InnerRightPane{padding:3px 3px 3px 3px; background:transparent;}
.InnerBottomPane{padding:3px 3px 3px 3px; background:transparent;}
.RightPane{padding:3px 3px 3px 3px; background:transparent;}
.BottomPane{padding:3px 3px 3px 3px; background:transparent;}

.CopyRightPane{ padding:3px 3px 3px 3px; background:transparent;}

.FooterLeftPane{ padding:3px 3px 3px 3px; background:transparent;}
.FooterContentPane{ padding:3px 3px 3px 3px; background:transparent;}
.FooterRightPane{ padding:3px 3px 3px 3px; background:transparent;}
.FooterPane{ padding:3px 3px 3px 3px; background:transparent;}

.RightBannerPane{ padding:30px 3px 3px 3px; background:transparent;}

/* -------------- top-box images ------------- */
.bg_top{background:url(media/headbg.gif) repeat-x top center;}
.bg_middle{background:url(media/bg_pix.gif) repeat top left;}


/* -------------- top-left-box images ------------- */
.tl_top_left{background:url(media/tl_top-left.gif) no-repeat top left;}
.tl_top{background:url(media/tl_top.gif) repeat-x top left;}
.tl_top_right{background:url(media/tl_top-right.gif) no-repeat top right;}

.tl_right{background:url(media/tl_right.gif) repeat-y top right;}

.tl_bot_left{background:url(media/tl_bot-left.gif) no-repeat bottom left;}
.tl_bot{background:url(media/tl_bot.gif) repeat-x bottom left;}
.tl_bot_right{background:url(media/tl_bot-right.gif) no-repeat top left;}

.tl_left{background:url(media/tl_left.gif) repeat-y top left;}
.tl_middle-top{background:url(media/tl_middle.jpg) repeat-x top left;}
.tl_middle-bottom{background:url(media/tl_middle.jpg) repeat-x bottom left;}
.tl_middle{background:url(media/b_middle.jpg) repeat bottom left;}

/* -------------- top-right-box images ------------- */
.tr_top_left{background:url(media/tr_top-left.gif) no-repeat top left;}
.tr_top{background:url(media/tr_top.gif) repeat-x top left;}
.tr_top_right{background:url(media/tr_top-right.gif) no-repeat top right;}

.tr_right{background:url(media/tr_right.gif) repeat-y top right;}

.tr_bot_left{background:url(media/tr_bot-left.gif) no-repeat bottom left;}
.tr_bot{background:url(media/tr_bot.gif) repeat-x bottom left;}
.tr_bot_right{background:url(media/tr_bot-right.gif) no-repeat bottom right;}

.tr_left{background:url(media/tr_left.gif) repeat-y top left;}
.tr_middle-top{background:url(media/tr_middle-top.gif) repeat-x top left;}
.tr_middle{background:url(media/tr_middle.gif) repeat bottom left;}

/* -------------- top-box images ------------- */
.t_top_left{background:url(media/t-tan_top-left.gif) no-repeat top left;}
.t_top{background:url(media/t-tan_top.gif) repeat-x top left;}
.t_top_right{background:url(media/t-tan_top-right.gif) no-repeat top right;}

.t_right{background:url(media/t-tan_right.gif) repeat-y top right;}

.t_bot_left{background:url(media/t-tan_bot-left.gif) no-repeat bottom left;}
.t_bot{background:url(media/t-tan_bot.gif) repeat-x bottom left;}
.t_bot_right{background:url(media/t-tan_bot-right.gif) no-repeat bottom right;}

.t_left{background:url(media/t-tan_left.gif) repeat-y top left;}
.t_middle{background:url(media/t-tan_middle.jpg) repeat-y bottom left;}

/* -------------- Content-box images ------------- */
.c_top_left{background:url(media/c_top-left.gif) no-repeat top left;}
.c_top{background:url(media/c_top.gif) repeat-x top left;}
.c_top_right{background:url(media/c_top-right.gif) no-repeat top right;}

.c_right{background:url(media/c_right.gif) repeat-y top right;}

.c_bot_left{background:url(media/c_bot-left.gif) no-repeat bottom left;}
.c_bot{background:url(media/c_bot.gif) repeat-x bottom left;}
.c_bot_right{background:url(media/c_bot-right.gif) no-repeat bottom right;}

.c_left{background:url(media/c_left.gif) repeat-y top left;}
.c_middle-bg{background: url(media/sweetwater-dam_bg.gif) repeat top left;}
.c_middle{background: url(media/sweetwater-dam_1888.jpg) no-repeat bottom right;}

/* -------------- Bottom-Content-box images ------------- */
.b_top_left{background:url(media/b_top-left.gif) no-repeat top left;}
.b_top{background:url(media/b_top.gif) repeat-x top left;}
.b_top_right{background:url(media/b_top-right.gif) no-repeat top right;}

.b_right{background:url(media/b_right.gif) repeat-y top right;}

.b_bot_left{background:url(media/b_bot-left.gif) no-repeat bottom left;}
.b_bot{background:url(media/b_bot.gif) repeat-x bottom left;}
.b_bot_right{background:url(media/b_bot-right.gif) no-repeat bottom right;}

.b_left{background:url(media/b_left.gif) repeat-y top left;}
.b_middle-bot{background:url(media/b_middle-bot.jpg) repeat-x bottom left;}

.b_middle{background:url(media/b_middle.gif) repeat bottom left;}

/* Custom Classes for Skin */
/* code to make the date text look like it does */
.date,a.date:link,a.date:active,a.date:visited,.date { 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.date:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the phone link look like it does */
.phone,a.phone:link,a.phone:active,a.phone:visited,.phone { 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.phone:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the willcallyou link look like it does */
.wecallyou,a.wecallyou:link,a.wecallyou:active,a.wecallyou:visited,.wecallyou { 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.wecallyou:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the requestwebsite link look like it does */
.requestwebsite,a.requestwebsite:link,a.requestwebsite:active,a.requestwebsite:visited,.requestwebsite { 
	color:#800000; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.requestwebsite:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the breadcrumb text look like it does */
.breadcrumb,a.breadcrumb:link,a.breadcrumb:visited,.breadcrumb {
	color:#666666; 
	text-decoration:none; 
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.breadcrumb:active,a.breadcrumb:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the breadcrumb text look like it does */
.steps,a.steps:link,.steps {
	color:#666666; 
	text-decoration:none; 
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.steps:active { 
	color:#006633; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.steps:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.steps:visited { 
	color:#2C577E; 
	text-decoration:none; 
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the user/register text look like it does */
.support_ticket,a.support_ticket:link,a.support_ticket:active,a.support_ticket:visited,.support_ticket { 
	color:#2C577E; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.support_ticket:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the footer links text look like it does */
.footer_links,a.footer_links:link,a.footer_links:active,a.footer_links:visited,.footer_links {
	color:#666666; 
	text-decoration:none; 
	font-weight:Normal; 
	font-style:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.footer_links:hover { 
	color:#006633; 
	text-decoration:none; 
	font-weight:Normal; 
	font-style:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the copyright text look like it does */
.copyright,a.copyright:link,a.copyright:active,a.copyright:visited,.copyright { 
	color:#ffffff; 
	text-decoration:none; 
	font-weight:Normal; 
	font-style:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
a.copyright:hover { 
	color:#ffff44; 
	text-decoration:none; 
	font-weight:Normal; 
	font-style:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* code to make the powered by text look like it does */
.HostName,a.HostName:link,a.HostName:visited,a.HostName:active,.HostName {
	color:#cccccc; 
	text-decoration:none; 
	font-weight:normal; 
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif;
	}
a.HostName:hover{
	color:#333333; 
	text-decoration:none; 
	font-weight:normal; 
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif;
	}