/*
styles_nav.css

Contains CSS for site menus and other navigation items (i.e. tabs)

This stylesheet should always be linked _after_ styles.css.

*/		

/* = Basic Horizontal link list/menu
------------------------------------------------- */
ul.h-linklist { /* NOTE: see settings in styles_ie.css as well */
	display: table;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ul.h-linklist li {
		display: table-cell;
		position: relative;
		margin: 0;
		padding: 0 10px;
	}

		ul.h-linklist li.first
		{
			padding-left: 0;
		}

		ul.h-linklist li a
		{
			display: block;
			font-family: Helvetica, Arial, Sans-Serif;
			text-decoration: none;
			white-space: nowrap;
		}



/* = Global Navigation Menu (Home, Residential, Business, etc)
------------------------------------------------- */
#navContainer {
	padding-top: 10px;
	padding-left: 147px;
}

#globalNav {
}

	#globalNav li {
		padding-left: 0;
		padding-right: 23px;
	}

		#globalNav li a {
			font-size: 14px;
			color: #505050;
		}

		#globalNav li a:hover
		, #globalNav li a:active
		, #globalNav li a:focus
		, #globalNav li a.selected {
			color: #333333;
		}

		#globalNav li a.selected {
			font-weight: bold;
		}
		
.home #navContainer {
	padding: 0;
	position: absolute;
	top: 50px;
	left: 161px;
}

.home #globalNav {
	margin: 0; 
}

	.home #globalNav li a {
		font-size: 15px;
	}

/* = Actor-specific menu (i.e. below globalNav for Business)
------------------------------------------------- */
#actorNavContainer {
	height: 37px;
}

#actorNav {
	margin-top: 5px;
}

	#actorNav li {
		padding-left: 0;
		padding-right: 14px;
	}

		#actorNav li a {
			font-size: 13px;
			color: #7b7b7b;
		}

		#actorNav li a:hover
		, #actorNav li a:active
		, #actorNav li a:focus
		, #actorNav li a.selected {
			color: #000000;
		}

		#actorNav li a.selected {
			font-weight: bold;
		}

/* = Primary Navigation Menu (i.e. Residential or Business section (green/blue bar) menu)
------------------------------------------------- */
#primaryNavContainer {
	clear: right;
	padding-left: 11px;
}

.default #primaryNavContainer {
	background-color: #00a3c9;
}

.residential #primaryNavContainer {
	background-color: #198B75;
}

.business #primaryNavContainer {
	background-color: #00539c;
}

#primaryNav {
	font-size: 14px;
	height: 2.4em;
}

	#primaryNav li {
		padding-left: 0;
		padding-right: 18px;
		vertical-align: middle;
	}
	
		#primaryNav li a {
			font-size: 14px;
			color: #ffffff;
			line-height:2.3em;
		}
		
		#primaryNav li a:hover
		, #primaryNav li a:active
		, #primaryNav li a:focus
		, #primaryNav li a.selected {
		}

		#primaryNav li a.selected {
			font-weight: bold;
			font-size: 14px;
		}

/* = Section Navigation Menu (i.e. just beneath the Residential or 
Business section (green/blue bar) menu)
------------------------------------------------- */
#sectionNav {
	padding-top: 2px;
}

	#sectionNav li {
		padding-left: 0;
		padding-right: 13px;
	}

		#sectionNav li a {
			font-size: 13px;
			color: #7b7b7b;
		}

		#sectionNav li a:hover
		, #sectionNav li a:active
		, #sectionNav li a:focus
		, #sectionNav li a.selected {
			color: #333333;
		}

		#sectionNav li a.selected {
			font-weight: bold;
		}

/* = Home page main content tabs
------------------------------------------------- */
#homeTabs {
	margin: 0 0 0 27px;
	padding: 0;
	width: 564px;
	height: 59px;
	list-style-type: none;
	background: transparent url(../images/home_tabs.png) no-repeat;
	border: none;
}

	.home .welcome #homeTabs {
		background-position: 0 0;
	}

	.home .residential #homeTabs {
		background-position: 0 -59px;
	}

	.home .business #homeTabs {
		background-position: 0 -118px;
	}

	#homeTabs li {
		margin: 0;
		display: block;
		height: 59px;
		float: left;
	}

		#homeTabs li#tabWelcome {
			width: 177px;
		}

		#homeTabs li#tabResidential {
			width: 161px;
		}

		#homeTabs li#tabBusiness {
			width: 162px;
		}

		#homeTabs li a {
			display: block;
			font-size: 18px;
			line-height: 1.2em;
			color: #505050;
			margin-top: 15px;
			margin-right: 15px;
			padding: 0;
			vertical-align: top;
			position: relative;
		}
		
			#homeTabs li a:hover
			, #homeTabs li a:active
			, #homeTabs li a:focus
			, #homeTabs li a.selected {
				text-decoration: none !important;
			}

		#homeTabs li#tabWelcome a {
			margin-left: 37px;
		}

		#homeTabs li#tabResidential a {
			margin-left: 36px;
		}

		#homeTabs li#tabBusiness a {
			margin-left: 35px;
		}

/* = Main section tab-set
------------------------------------------------- */
.tab-set {
}

	.tab-set ul.tabs {
		white-space: nowrap;
		margin: 3px 0 -7px 0;
		padding-left: 17px;
		float: left;
		display: inline;
		height: 33px;
		background: url(../images/tabset_bg.gif) no-repeat;
	}
	
		.tab-set ul.tabs li {
			display: block;
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		.tab-set ul.tabs li a {
			display: block;
			float: left;
			height: 33px;
			padding-left: 12px;
			margin: 0 0 -1px -1px;
			background: url(../images/tabset_tab_left_bg.gif) no-repeat;
			position: relative;
			color: #666666;
		}

		.tab-set ul.tabs li a.first {
			background: url(../images/tabset_tab_left_bg_first.gif) no-repeat;
		}

		.tab-set ul.tabs a span {
			float: left;
			padding-top: 7px;
			height: 26px;
			font-size: 11px;
			color: #666666;
			padding-right: 12px;
			background: transparent url(../images/tabset_tab_right_bg.gif) no-repeat 100% 0;
			cursor: pointer;
		}

		.tab-set ul.tabs li.selected a {
			background-position: 0 100%;
			text-decoration: none !important;
		}

		.tab-set ul.tabs li.selected a span {
			background-position: 100% 100%;
		}

	.tab-set .tab-content-container {
		padding: 0 16px 1px 16px;
		background: transparent url(../images/tabs_bg.gif) repeat-y;
		min-height: 140px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
	}

	.tab-set .tab-content-container .tab-content {
		padding: 1px 20px 15px 20px;
		margin: 0 1px;
		width: 543px;
		overflow: hidden;
	}

		.tab-set .tab-content-container .tab-content p {
			margin-top: 1em;
		}

.tab-set-top {
	clear: left;
	margin: 0;
	padding: 0;
	height: 7px; 
	overflow: hidden;
	background: transparent url(../images/tabs_top_bg.gif) no-repeat;
}

.tab-set-bottom {
	margin: 0;
	padding: 0;
	height: 26px; 
	overflow: hidden;
	margin-top: -15px;
	background: transparent url(../images/tabs_bottom_bg.gif) no-repeat;
}

/* = Online Demo menu
------------------------------------------------- */
ul#demoMenu li a.selected {
	color: #666666;
}

/* = Footer navigation links
------------------------------------------------- */
#pageFooter ul.h-linklist { /* NOTE: see settings in styles_ie.css as well */
	margin: 0 auto;
			font-family: Helvetica, Arial, Sans-Serif;
			font-size: 11px;
			color: #888889;
			line-height: 1.2em;

}

	#pageFooter ul.h-linklist li {
		background: transparent url(../images/footer_link_sep.gif) no-repeat 0 3px;
		padding: 0 6px 0 7px;
	}

		#pageFooter ul.h-linklist li.first {
			padding-left: 0;
			background: none;
		}


        
		#pageFooter ul.h-linklist li a {
			font-family: Helvetica, Arial, Sans-Serif;
			font-size: 11px;
			color: #888889;
			line-height: 1.2em;
		}