/* ---------- global header ---------- */

#global-header { position: relative; width: 930px; margin: auto; z-index: 1000; height: 83px; }
#global-header span { display: none; }
#global-header h2, #global-header h3 { margin: 0; padding: 0; border: 0; }
#global-header #logo-wrapper { float: left; width: 282px; height: 83px; z-index: 300; }
#global-header #logo { float: left; background: #2c3034; }
#global-header #logo a { display: block; width: 128px; height: 83px; text-decoration: none; }
#global-header #logo a:hover { background: none; }
#global-header #logo-slash { float: left; }
#global-header #logo-slash a { display: block; width: 154px; height: 83px; text-decoration: none; }
#global-header #logo-slash a:hover { background: none; }
#global-header #nav-wrapper { float: left; width: 648px; }
#global-header ul { list-style: none; margin: 0; padding: 0; }
#global-header li { float: left; }

/* account links */
#global-header #account, #home-header #account { float: right; line-height: 10px; font-size: 10px; padding-top: 6px; color: #ccc; }
#global-header #account a, #home-header #account a { color: #fff; }
#global-header #account a:hover, #home-header #account a:hover { background: none; color: #999; text-decoration: underline; }

/* top nav 04/09 */
ul#top-nav {
	height: 31px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#top-nav li { padding: 0; margin: 0; }
ul.home { background: url(/img/nav_global.gif) no-repeat; }
ul.dashboard, ul.msp{ background: url(/img/nav_global.gif) no-repeat 0 -31px; }
ul.msp{ background: url(/img/nav_global.gif) no-repeat 0 -93px; }
ul.custom { background: url(/img/nav_global.gif) no-repeat 0 -124px; }
ul.home, ul.dashboard, ul.msp{ height: 31px; }
ul#top-nav li { display: inline; }
ul#top-nav li a {
	display: block;
	height: 23px;
}
ul.home li a:hover, ul.custom li a:hover { background: #4C555A; opacity: .4; }
ul.dashboard li a:hover, ul.msp li a:hover { background: #333; opacity: .4; }
ul#top-nav li a.no-hover:hover { background: none; }
ul#top-nav li a span { display: none; }

/* tab nav 04/09 */
#tab-wrapper { margin-top: 26px; }
#tab-wrapper ul {
	height: 26px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#tab-wrapper ul li { margin: 0; padding: 0; }
#tab-wrapper ul li a {
	display: block;
	float: left;
	height: 26px;
	margin-right: 1px;
}
#tab-wrapper ul#home-nav li a:hover { background: #f70;	opacity: .4; }
#tab-wrapper ul#community-nav li a:hover, #tab-wrapper ul#msp-nav li a:hover { background: #333; opacity: .4; }
#tab-wrapper ul#dashboard-nav li a:hover { background: #666; opacity: .4; }
#tab-wrapper ul#home-nav li a.no-hover:hover,
#tab-wrapper ul#community-nav li a.no-hover:hover,
#tab-wrapper ul#dashboard-nav li a.no-hover:hover,
#tab-wrapper ul#dashboard-nav.custom li a.no-hover:hover,
#tab-wrapper ul#msp-nav li a.no-hover:hover { background: none; }
#tab-wrapper ul li a span { display: none; }
#tab-wrapper ul#home-nav li a:hover, #tab-wrapper ul#community-nav li a:hover,
#tab-wrapper ul#dashboard-nav li a:hover, #tab-wrapper ul#msp-nav li a:hover {
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
#tab-wrapper ul#dashboard-nav.custom li a:hover { background: #eee; }

/* subnav bar */
#subnav-bar { background: #ddd; border-bottom: 20px solid white; }
#subnav-bar .nav { height: 30px; width: 930px; margin: auto; }
#subnav-bar ul { list-style: none; margin: 0; padding: 0; }
#subnav-bar li { float: left; font-size: 11px; padding: 0; line-height: 11px; margin: 0; }
#subnav-bar li a { display: block; padding: 10px 8px; color: #2c3034; text-decoration: none; }
#subnav-bar li.active { background: white; }
#subnav-bar li.active a { font-weight: bold; color: #4c555a; }
#subnav-bar a:hover { background: none; text-decoration: underline; }
#subnav-bar li.active a:hover { text-decoration: none; }
#subnav-bar .check-domain { float: right; font-size: 11px; margin-top: 7px; }

#feedback {
	position: absolute;
	top: 0px;
	right: 0;
	border-left: 1px solid #66cc66;
	border-bottom: 1px solid #66cc66;
	padding: 10px;
	background: #ddf6dd;
	z-index: 3000;
	text-align: left;
	font-size: 11px;
}

/* alt home header 09/09 */
#home-wrapper { width: 100%; }
#home-fill-left, #home-fill-right {
	position: absolute;
	width: 50%;
	height: 327px;
	z-index: 0;
}
#home-fill-left { background: url(/img/home-fill-left.png) repeat; left: 0; }
#home-fill-right { background: url(/img/home-fill-right.png) repeat; right: 0; }
#home-header {
	background: url(/img/home-header.png) no-repeat;
	height: 327px;
	width: 930px;
	margin: auto;
	position: relative;
	z-index: 0;
}
#home-header.msp{
	background: url(/img/home-header-msp.png) no-repeat;
}
#home-header #left-side {
	float: left;
	width: 268px;
	height: 287px;
	position: relative;
}
#home-header #right-side {
	float: left;
	width: 662px;
	height: 287px;
}
#home-logo {
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	width: 200px;
	height: 80px;
}
#home-button-1, #home-button-2 {
	display: block;
	position: absolute;
	top: 190px;
	left: 0;
	width: 223px;
	height: 65px;
}
#home-button-1 { background: url(/img/home-button.png) no-repeat 0 2px; }
#home-button-1:hover { background-position: 0 -70px; }
#home-button-2 { background: url(/img/home-button-2.png) no-repeat 0 -2px; height: 59px; }
#home-button-2:hover { background-position: 0 -63px; }
#home-extra-left {
	background: url(/img/home-extra.png) no-repeat 0 0;
	position: absolute;
	width: 55px;
	height: 327px;
	left: -55px;
	top: 0px;
	z-index: 1;
}
#home-extra-right {
	background: url(/img/home-extra.png) no-repeat -55px 0;
	position: absolute;
	width: 55px;
	height: 327px;
	left: 930px;
	top: 0px;
	z-index: 1;
}
#home-topnav {
	float: left;
	height: 31px;
}
ul.new-home li a:hover { background: #f70; opacity: .4; }
#home-topnav li { float: left; }
#home-topnav-extra {
	float: left;
	width: 343px;
	text-align: right;
	height: 31px;
}
#home-topnav-extra div#account { color: #2c3034; }
#home-topnav-extra div#account a { color: #444; }
#home-topnav-extra div#account a:hover { color: #fff; }
#home-navbar {
	position: absolute;
	top: 287px;
	left: 0;
	width: 497px;
	height: 40px;
}
#home-navbar-bg {
	position: absolute;
	top: 14px;
	left: 0;
	width: 497px;
	height: 12px;
	background: url(/img/home-navbar.png) no-repeat;
}
#home-navbar ul {
	list-style-type: none;
	position: absolute;
	left: 0;
}
#home-navbar li { margin: 0; padding: 0; float: left; }
#home-navbar a {
	display: block;
	height: 40px;
}
#home-navbar a span { display: none; }


/* top bar with IP address and email */
#top-bar-container {
	font-size: 10px;
	text-align: left;
	height: 33px;
}
#top-bar-container.home a,
#top-bar-container.dashboard a,
#top-bar-container.community a,
#top-bar-container.msp a {
	color: #ddd;
}
#top-bar-container.new-home a {
	color: #2c3034;
}
#top-bar-container.home a:hover,
#top-bar-container.dashboard a:hover,
#top-bar-container.community a:hover,
#top-bar-container.msp a:hover {
	color: #fff;
}
#top-bar-container.new-home a:hover {
	color: #666;
}
#top-bar {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	height: 35px;
}
#top-bar p {
	padding: 2px 7px 0 275px;
}

/* winter upsell styles */
a#winter-link { text-decoration: none; }
a#winter-link:hover { color: #2c3034; }
#winter-upsell {
	background: url('../img/upsell-winter-bg.png') no-repeat;
	width: 790px;
	margin: 0 15px 25px 15px;
	padding: 20px 30px 20px 45px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 3px 2px #ccc;
	-webkit-box-shadow: 2px 3px 2px #ccc;
	box-shadow: 2px 3px 2px #ccc;
}
#winter-upsell p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#winter-upsell h3 span {
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0;
}

/* homepage redesign 2011 */
body#homepage {
	text-align: left;
	background: #fff;
}
#header-wrapper {
	width: 100%;
	height: 94px;
	background: #4c555a url('/img/home-header-bg.png') repeat-x top;
}
#header-container {
	position: relative;
	width: 915px;
	height: 94px;
	z-index: 10;
	padding: 0 15px;
	margin: auto;
	background: #4c555a url('/img/home-header-bg.png') repeat-x center top;
}
#header-container #logo {
	position: relative;
	width: 213px;
	height: 94px;
	top: 8px;
	background: url('/img/header-logo.png') no-repeat;
}
#header-container #logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#header-container #logo a span {
	display: none;
}
/* signin/info tab in top right */
#top-tab {
	position: absolute;
	height: 26px;
	right: 15px;
	list-style-type: none;
}
#top-tab li {
	float: left;
	height: 26px;
}
#top-tab li.left {
	width: 10px;
	background: url('/img/header-toptab-left.png') no-repeat;
}
#top-tab li.right {
	width: 10px;
	background: url('/img/header-toptab-right.png') no-repeat;
}
#top-tab li.middle {
	padding: 0 15px;
	color: #1a1a1a;
	line-height: 24px;
	font-size: 13px;
	background: url('/img/header-toptab-bottom.gif') repeat-x top;
}
#top-tab li.middle a {
	color: #454E53;
	text-decoration: none;
}
#top-tab li.middle a:hover {
	color: #252A2C;
	text-decoration: underline;
}
#info {
	padding: 0;
	margin: 0;
	height: 26px;
	list-style-type: none;
}
#info li { display: inline; }
#info li span { text-shadow: 1px 0 0 #e9e9ea; }
/* menu under top right tab */
#menu {
	right: 30px;
	top: 60px;
	padding: 0;
	margin: 65px 10px 0px 0px;
	list-style-type: none;
	color: #9c9c9c;
	font-size: 14px;
	text-shadow: 1px 1px 0 #231f20;
	float: right;
}
#menu li { display: inline-block; float: left; padding: 0px 3px; }
#menu li a {
	text-decoration: none;
	color: #9c9c9c;
	text-align: center;
}
#menu li a:hover {
}
#menu li a.mainlink {
	display: inline-block;
	padding: 2px 0px 0px 0px;
	width: 110px;
	height: 22px;
}
#menu li a.mainlink:hover { background: url(/img/nav/main-hover.png) no-repeat 0px 0px; }
#menu li.has-submenu a.mainlink, #menu li.has-submenu a.mainlink:hover {
	background: url(/img/nav/main-arrow.png) no-repeat 85px 8px;
	padding: 2px 18px 0px 0px;
	width: 88px;
}
#menu li.mainlink-active { background: url(/img/nav/main-hover.png) no-repeat 0px 0px; }
#menu li a.bloglink {
	display: inline-block;
	padding: 2px 0 0 0;
	width: 65px;
	height: 22px;
}
#menu li a.aboutlink {
	display: inline-block;
	padding: 2px 1px 0 0;
	width: 86px;
	height: 22px;
}
#menu li a.bloglink:hover { background: url(/img/header-hover-blog.png) no-repeat 0 0; }
#menu li a.aboutlink:hover { background: url(/img/header-hover-about.png) no-repeat 1px 0; }
#menu li img.divider, #upper-links li img.divider {
	position: relative;
	top: 2px;
}

/* dropdown nav styling */
#menu .submenu
{
	display: none;
	position: absolute;
	background: #40484B;
	color: #CDCED2;
	margin: 0px;
	padding: 0px;
	text-shadow: none;
	box-shadow: 4px 4px 8px rgba(102, 102, 102, 0.5);
	z-index: 10;
	top: 93px;
	margin-left: -10px;
	left: 625px;
	width: 140px;
}

#menu .submenu-top li
{
	display: block;
	height: 45px;
	border-bottom: 1px solid #606569;
	border-top: 1px solid #24292D;
	border-left: 1px solid #40484B;
	padding: 0px 0px 0px 1px;
	width: 135px;
}

#menu .submenu-top li.highlighted
{
	color: #000000;
	height: 46px;
	background: #FFFFFF url(/img/nav/work-school-shadow.png) no-repeat 0px top;
	border-top: 0px;
	border-bottom: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 0px;
	padding-right: 1px;
}
#menu .submenu-top li.first.highlighted
{
	/*background: #FFFFFF url(/img/nav/home-shadow.png) no-repeat 0px bottom;*/
	border-top: 1px solid #939393;
	border-bottom: 0px;
}
			
#menu .submenu-top a.toplink
{
	display: block;
	width: 75px;
	height: 30px;
	color: #CDCED2;
	padding: 15px 0px 0px 60px;
	font-size: 14px;
}
#menu .submenu-top li.highlighted a.toplink
{
	color: #3E9FD4;
	text-decoration: underline;
}

#menu .submenu-top a.toplink span
{
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(/img/nav/arrow-on-black.png) no-repeat 0px 0px;
	float: right;
	margin: 5px 10px 0px 0px;
}
#menu .submenu-top li.highlighted a.toplink span
{
	background: url(/img/nav/arrow-on-white.png) no-repeat 0px 0px;
}

#menu .submenu-top li#prods-home a.toplink { background: url(/img/nav/home.png) no-repeat 15px center; }
#menu .submenu-top li#prods-work a.toplink { background: url(/img/nav/work.png) no-repeat 10px center; }
#menu .submenu-top li#prods-school a.toplink { background: url(/img/nav/school.png) no-repeat 13px center;}

#menu .submenu-deuce
{
	left: 146px;
	top: 0px;
	list-style-type: square;
	list-style-position: inside;
	color: #3E9FD4;
	background: #FFFFFF;
	width: 205px;
	font-size: 12px;
	border: 1px solid #939393;
	border-radius: 0px 0px 8px 8px;
	z-index: -1;
	padding: 15px 0px 10px 0px;
}

#menu .submenu-deuce li
{
	height: auto;
	border: 0px;
	padding: 5px 5px 5px 25px;
	width: 175px;
	background: url(/img/nav/bullet-nav.png) no-repeat 11px 10px;
}

#menu .submenu-deuce li a { color: #1BA5E0; }
#menu .submenu-deuce li a:hover { text-decoration: underline; }