@charset "utf-8";

/* Style sheet for the global header
 *
 * University of Ottawa
 * Computing and Communications Services
 */

/* header background */

html { background: url(../img/gradient_png8.png) repeat-x; }
html body, html body.fr { 
	background: url(../img/gradient_box_png8.png) no-repeat;
	background-position-x: center;
	background-position-y: 64px;
}
html > body, html > body.fr {
	background-position: 50% 64px;
}

#main-branding { margin-bottom: 5px; height: 53px; float: left; width: 130px; }
#main-branding-logo img { display: block; }

#page-tools li { list-style: none; }


/* Secondary Navigation (top right) */
#main-secondarynav { padding: 0; margin: 0; z-index: 100; }
#main-secondarynav a { font-size: 0; }
#main-secondarynav li { list-style: none; }

.en .old-banner #page-links #ch-lang-url
, .fr .old-banner #page-links #ch-lang-url { left: 658px; top: 0; position: absolute; }
#secondarynav-biblio {  left: 686px; top: 0; position: absolute; }
#secondarynav-search {  left: 722px; top: 0; position: absolute; }
#secondarynav-courses { left: 753px; top: 0; position: absolute; }

/* Image Replacement for Secondary Navigation (top-right) */

.en .old-banner #page-links a#ch-lang-url { background-image: url(../img/h_util_nav_f.gif); height: 26px; width: 28px; text-indent: -999em; font-size: 0px; display: block; padding: 0; margin: 0; border: none; }

.fr .old-banner #page-links a#ch-lang-url { background-image: url(../img/h_util_nav_e.gif); height: 26px; width: 28px; text-indent: -999em; font-size: 0px; display: block; padding: 0; margin: 0; right: auto; border: none; }
.old-banner #page-links { z-index: auto; }

a#secondarynav-biblio { background-image: url(../img/h_util_nav_biblio.gif); height: 26px; width: 36px; text-indent: -999em; font-size: 0px; display: block; padding: 0; margin: 0; }

a#secondarynav-maps { display: none; }

a#secondarynav-search { background-image: url(../img/h_util_nav_search.gif); height: 26px; width: 31px; text-indent: -999em; font-size: 0px; display: block; padding: 0; margin: 0; }

a#secondarynav-courses { background-image: url(../img/h_util_nav_i.gif); height: 26px; width: 27px; text-indent: -999em; font-size: 0px; display: block; padding: 0; margin: 0; }

a#section-home { background-image: url(../img/h_util_nav_sec_home.gif); height: 26px; width: 33px; text-indent: -999em; font-size: 0px; display: block; padding: 0; margin: 0; }

/* Activate hover effect */
.old-banner #page-links a#ch-lang-url:hover
, .old-banner #page-links a#ch-lang-url:active
, .old-banner #page-links a#ch-lang-url:focus
, #main-secondarynav a:hover
, #main-secondarynav a:active
, #main-secondarynav a:focus
, a#section-home:hover
, a#section-home:active
, a#section-home:focus { background-position: 0px -26px; }

/* Degrade 1.0 version */
body.old-banner {
	background: white;
}

/* Version 2.0 */

#main-banner { position: relative; width: 780px; height: 1%; z-index:1000;}
#main-banner #main-branding { width: 570px; height: 76px; margin: 0; float: left; }
#main-banner #main-branding #main-branding-logo a { position: absolute; display: block; background: url(../img/uOlogo-sprite-png8.png) no-repeat; top:21px; left: 9px; width: 153px; height: 41px; outline:none;}

#main-banner #main-branding #main-branding-logo a:hover, #main-banner #main-branding #main-branding-logo a:active { background-position:0px -44px; }

#main-banner #main-branding #main-branding-logo img { display: none; }
#main-banner #main-branding #main-branding-tagline {  position: absolute; top: 20px; left: 184px; height: 44px; background-image: url(../img/uOlogo-sprite-png8.png); background-repeat:no-repeat;}

.fr #main-banner #main-branding #main-branding-tagline { background-position:-173px -88px; width: 140px;}
.en #main-banner #main-branding #main-branding-tagline { background-position:-173px 0px; width: 145px;}


/* Main global nav */
#main-globalnav { display:none; }

/* Secondary Navigation (top right) */
#main-banner #main-secondarynav { padding: 0; margin: 0; position: absolute; top: 43px; right: 0; left: auto; width: auto; display: inline-block; }
#main-banner #main-secondarynav li { list-style: none; float: left; background:url(../img/separator.png) no-repeat; background-position: 0px 6px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px;padding-left:1px; }
#main-banner #main-secondarynav li.first { background:none; }
#main-banner #main-secondarynav a { font-size: 1.1em; display: block; }

#main-banner #main-secondarynav a#secondarynav-biblio
, #main-banner #main-secondarynav a#secondarynav-maps
, #main-banner #main-secondarynav a#secondarynav-search
{ left: auto; top: auto; position: static; background-image: none; background: none; height: auto; width: auto; text-indent: 0; padding: 0; margin: 0; }

/* Hide section-home, courses */
#page-links a#section-home, #main-banner #main-secondarynav a#secondarynav-courses { display: none; }

/* Position secondary nav to make space for ch-lang-url */

#main-banner #main-secondarynav {
	margin-right:71px;
	z-index:1000;
}

/* Position ch-lang-url */
#page-links { width: 780px; z-index: 1; }
#main-container > #page-links { z-index: 100; height: auto; } /* Correction for standards-compliant browsers */
#page-links li { float: left; }
#page-links li { float: left; }
.en #page-links a#ch-lang-url, .fr #page-links a#ch-lang-url { 
	position: absolute; 
	top: 45px; right: 8px; 
	left: auto; 
	width: auto; 
	background-color:#fbfbfa; 
	border:1px solid #bcb6b0; 
	text-indent: 0; 
	height:auto; 
	font-size: 1.1em; 
	display: block; 
	padding: 2px 3px 2px 3px; 
	text-decoration: none; 
	color: #72634d; 
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
}

#main-container #main-banner #main-secondarynav li {
	padding: 5px 0;
}

#main-container #main-banner #main-secondarynav li a {
	padding: 0 5px 0 7px;
	text-decoration: none;
	color: #72634d;
	display: inline;
}
#page-links a#ch-lang-url {
	padding-right: 10px;
}

#main-container #main-banner #main-secondarynav li a:hover
, #main-container #main-banner #main-secondarynav li a:focus
, #main-container #main-banner #main-secondarynav li a:active {
	text-decoration: underline;
	outline: none;
}

#main-banner #main-secondarynav li.more {
	display: none;
	position: relative;
}
.js-enabled #main-banner #main-secondarynav li.more {
	display: inline;
}
#main-container #main-banner #main-secondarynav li.more h2:hover
, #main-container #main-banner #main-secondarynav li.more h2:focus
, #main-container #main-banner #main-secondarynav li.more h2:active {
	text-decoration: underline;
	cursor: pointer;
}

/* Quickpicks */
#main-container #main-banner #main-secondarynav li.more h2 {
	font-size: 1.1em;
	font-weight: normal;
	padding: 0 8px 0 7px;
	line-height: 1.20em;
	text-decoration: none;
	cursor: pointer;
	color: #72634d;
	display: inline;
	background: url(../img/dropdown-arrow-down.png) no-repeat bottom right;
}
#main-container #main-banner #main-secondarynav li.more.expand h2 {
	text-decoration: underline;
}
#main-container #main-banner #main-secondarynav li.more ul {
	display: none;
	position: absolute;
	top: 25px;
	width: 145px;
	left: auto;
	right: -5px;
	background-color: #fff;
	border: 1px solid #cac3bc;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box; /* see http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
	padding: 4px 0;
	margin: 0;
}
#main-container #main-banner #main-secondarynav li.expand ul {
	display: block;
}
#main-container #main-banner #main-secondarynav li.more ul li { 
	margin: 0;
	padding: 0;
	background: none;
}
#main-container #main-banner #main-secondarynav li.more ul li.new-group { 
	margin-top: 3px;
	padding-top: 6px;
	background: url(../img/quickpicks-new-group.png) no-repeat top left;
}
#main-container #main-banner #main-secondarynav li.more ul li a
, #main-container #main-banner #main-secondarynav li.more ul li a:link
, #main-container #main-banner #main-secondarynav li.more ul li a:visited { 
	display: block;
	width: 125px;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}
#main-container #main-banner #main-secondarynav li.more ul li a:hover
, #main-container #main-banner #main-secondarynav li.more ul li a:focus
, #main-container #main-banner #main-secondarynav li.more ul li a:active {
	background-color: #EEE;
}
#page-links a#ch-lang-url:hover
, #page-links a#ch-lang-url:focus
, #page-links a#ch-lang-url:active {
	background-color: #741026;
	color: white;
}

/* Degrade 1.0 banner */
.old-banner #main-container #main-secondarynav li.more {
	display: none;
}

/* Hide deprecated elements */
#main-banner a#secondarynav-courses { position: absolute; left: -999em; }

/* Global Search */
#main-banner #global-site-search {
	margin-top: 0px;
	width: 195px;
	display:block;
	position: absolute;
	top: 0px;
	right: 0px;
	float:right;
}
#main-banner #global-site-search #global-site-search-label {
	position: absolute;
	left: -999em;
}
#main-banner #global-site-search #global-site-search-words {
	width: 156px;
	height: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 3px 3px 2px 5px;
	margin: 10px 25px 0 0;
	.margin: 9px 25px 0 0; /* affects both IE6 & IE7 */
	_margin: 10px 25px 0 0; /* reapply first rule to IE6 */
	border: 1px solid #b4aea9;
	position: relative; 
	z-index: 1;
}
#main-banner #global-site-search #global-site-search-hint {
	display: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	overflow: hidden;
	top: -17px;
	.top: -18px; /* affects both IE6 & IE7 */
	left: 7px;
	width: 150px;
	height:11px;
	position: relative;
	cursor: text;
	z-index: 10;
	color: #bbb;
	font-weight: normal;
	padding: 0;
}
#main-banner #global-site-search #global-site-search-hint.empty {
	display: block;
}

#main-banner #global-site-search #global-site-search-submit {
	border: 0;
	margin: 11px 9px 0px 0px;
	padding: 0;
	width: 20px;
	height: 22px;
	position: absolute; top: 0; right: 0;
	background-color: transparent;
	background: url(../img/sprite.png) no-repeat top left;
	display: block;
	margin-bottom: -11px;
	cursor: pointer;
}
/* Correction for standards-compliant browsers */
#main-banner #global-site-search > #global-site-search-submit {
	margin-top: 10px;
}