/* skip */

a#skip {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* topbar overall */

div#topbar {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #000;
	z-index: 2000;
}

/* brand (logo) and segment styles */

div#topbar-brand {
	height: 60px;
}

div#topbar-brand a {
	width: 229px;
	height: 60px;
}

div#topbar-brand a.logo-print {
	display: none;
}

/* topbar-help styles (for non-javascript users) */

div#topbar-help {
	position: absolute;
	top: 0;
	right: 0;
	width: 72px;
	height: 60px;
}

div#topbar-help a,
div#topbar-help a:link,
div#topbar-help a:visited,
div#topbar-help a:hover,
div#topbar-help a:active {
	display: block;
	width: 72px;
	height: 30px;
	background-repeat: no-repeat;
}

div#topbar-help a.search {
	background-image: url(/global/images/topbar/tools/triggers/not_over.gif);
}

div#topbar-help a.links {
	background-image: url(/global/images/topbar/tools/triggers/not_over.gif);
	background-position: 0 -30px;
}

div#topbar-help a img {
	display: block;
	width: 72px;
	height: 30px;
	background-image: url(/global/images/topbar/tools/triggers/not.gif);
	background-repeat: no-repeat;
}

div#topbar-help a.links img {
	background-position: 0 -30px;
}

div#topbar-help a:hover img {
	background-image: none;
}

/* topbar tool styles */

div#topbar-tools {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 102px;
	overflow: hidden;
	z-index: 1000;
}

img#fade {
	width: 30px;
	height: 60px;
}

/* search/links tools shared styles */

div#search-trigger,
div#links-trigger {
	position: absolute;
	top: 0;
	left: 30px;
	width: 72px;
	height: 30px;
	background-image: url(/global/images/topbar/tools/triggers/background.gif);
	background-repeat: no-repeat;
}

div#search-trigger a,
div#links-trigger a {
	display: block;
	width: 72px;
	height: 30px;
	background-image: url(/global/images/topbar/tools/triggers/out.gif);
	background-repeat: no-repeat;
}

div#search-trigger a img,
div#links-trigger a img {
	width: 72px;
	height: 30px;
	background-image: url(/global/images/topbar/tools/triggers/over.gif);
	background-repeat: no-repeat;
}

div#search-content,
div#links-content {
	position: absolute;
	top: 0;
	left: 102px;
	width: 228px;
	height: 60px;
	background-image: url(/global/images/topbar/tools/background.gif);
	background-repeat: no-repeat;
	z-index: 1004;
}

/* search tool styles */

div#search-content form {
	position: absolute;
	display: block;
	top: 13px;
	left: 12px;
	width: 204px;
	z-index: 1005;
}

div#search-content input {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 1px 2px;
	width: 147px;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background-color: #666;
	border: 1px solid #999;
	z-index: 1010;
}

div#search-content a {
	position: absolute;
	display: block;
	top: 20px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

div#search-content a img {
	margin: 0;
	padding: 0;
	border: none;
	background-repeat: no-repeat;
}

div#search-content a.search {
	top: 0;
	right: 0;
	width: 45px;
	height: 20px;
	background-image: url(/global/images/topbar/tools/pieces/search/search_over.gif);
	z-index: 1009;
}

div#search-content a.search img {
	width: 45px;
	height: 20px;
	background-image: url(/global/images/topbar/tools/pieces/search/search.gif);
}

div#search-content a.search:hover img {
	background-image: none;
}

div#search-content a.site-all,
div#search-content a.site-this,
div#search-content a.people {
	position: absolute;
	display: block;
	top: 23px;
	margin: 0;
	padding: 0;
	background-image: url(/global/images/topbar/tools/pieces/search/unchecked.gif);
	background-repeat: no-repeat;
}

div#search-content a.checked {
	background-image: url(/global/images/topbar/tools/pieces/search/checked.gif);
}

div#search-content a.site-all img,
div#search-content a.site-this img,
div#search-content a.people img {
	margin-left: 13px;
}

div#search-content a.site-all {
	left: 0;
	z-index: 1008;
}

div#search-content a.site-this {
	left: 75px;
	z-index: 1007;
}

div#search-content a.people {
	left: 150px;
	z-index: 1006;
}

/* site links tool styles */

div#links-trigger {
	top: 30px;
	background-position: 0 -30px;
}

div#links-trigger a {
	background-position: 0 -30px;
}

div#links-trigger a img {
	background-position: 0 -30px;
}

div#links-content {
	top: 13px;
	height: 34px;
	overflow: hidden;
	background-position: 0 -13px;
	z-index: 1015;
}

div#links-content div {
	position: absolute;
	top: 0;
	left: 9px;
	width: 210px;
	height: 318px;
	background-image: url(/global/images/topbar/tools/pieces/links/background.gif);
	background-repeat: no-repeat;
	z-index: 1016;
}

div#links-content ul {
	position: absolute;
	display: block;
	margin: 0;
	padding: 16px 0 0 0;
	width: 103px;
	list-style-type: none;
}

div#links-content ul.right {
	width: 100px;
}

div#links-content ul.sections {
	top: 0;
	left: 3px;
}

div#links-content ul.login {
	top: 234px;
	right: 3px;
}

div#links-content ul.assistance {
	top: 0px;
	right: 3px;
}

div#links-content ul.college-school {
	top: 109px;
	right: 3px;
}

div#links-content ul.support {
	top: 254px;
	left: 3px;
}

div#links-content li {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	width: 100%;
}

div#links-content ul li a,
div#links-content ul li a:link,
div#links-content ul li a:visited,
div#links-content ul li a:hover,
div#links-content ul li a:active {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #333;
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
}

div#links-content ul li a span {
	display: block;
	margin: 0;
	padding: 3px 0 2px 5px;
}

div#links-content ul li a span.small {
	padding: 0;
	font-size: smaller;
}

div#links-content ul li a:hover {
	color: #FFF;
	background-color: #666;
}


