/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/***************************
 * CAREERS LAYOUT
 *
 * Common Colors:
 *  - Green (Total Rewards and Student Center): #ABB400 (Dark Text: #8B9300)
 *  - Teal (My Profile and About Stryker): #00626E
 *  - Red (Search and Apply): #9E1B34
 *  - Blue (Careers Home): #5781AE
 *  - Dark Gray (Career Guide): #4D4D4D
 *  - Light Gray (Get Job Updates): #666
 *
 ***************************/
 
#container {
	background-color: #FFF;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
	margin: 0 auto;
	width: 976px;
 }
 
#content-subnav-container {
	padding: 10px;
}

#content-panel-scroll {
	height: 1200px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 953px;
}

.scroll-container {
	position: absolute;
	overflow: hidden;
	width: 5916px;  /* (956px + 10px margin) * 6 panes ) */
}

.content-panel {
	float: left;
	margin-right: 10px;
	width: 956px;
}

/**
 * wraps around the breadcrumbs, the "action" areas,
 * the page content, and the footer
 */
.content-wrapper {
	font-size: .8125em;  /* 16x.8125=13px */
	height: 100%;
	line-height: 1.3846em;  /* 13x1.3846=18px */
	margin: 0 344px 0 0;
	min-height: 300px;
	padding: 0 20px 0 0;
}

div.editable-content {
	font-size: 1.0769em;  /* 14px, based on the font-size of the .content-wrapper */
	line-height: 143%;
}

.subnav {
	font-size: .875em;  /* 16x.875=14px */
	line-height: 1.2857em;  /* 14x1.2857=18px */
}

.search-jobs-button {
	text-align: center;
}

div.sidebar-spacer {
	position: absolute;
	left: 0;
	background-color: #FFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 4px;
	line-height: 4px;
}

.disclaimer {
	margin-top: 13px;
	margin-bottom: 13px;	
}

/*** Stryker Wings ***/

#wing-container {
	background-color: #E5E5E5;
	clear: both;
	width: 100%;
}

#left-wing-upper-right-corner {
	background: url("/files/media/careers/layout/wings/003764.gif") no-repeat;
	float: left;
	height: 36px;
	margin-left: -13px; /* 9px + 4px (width + spacing) */
	width: 9px;
}

#right-wing-upper-left-corner {
	background: url("/files/media/careers/layout/wings/003766.gif") no-repeat;
	float: right;
	height: 36px;
	margin-right: -13px; /* 9px + 4px (width + spacing) */
	width: 9px;
}

/*** Main Nav Styles - Accordion ***/

#main-nav-accordion {
	clear: none;
	height: 250px;
	position: relative;
	width: 976px;
}

#main-nav-accordion li {
	background-color: #FFF;
	height: 250px;
	position: absolute;
	top: 0;
	width: 811px;
}

#main-nav-accordion li.active { width: 811px;}

/*#main-nav-accordion li#Rewards { left: 0; }
#main-nav-accordion li#Profile { left: 33px; }
#main-nav-accordion li#Search { left: 66px; }
#main-nav-accordion li#Student { left: 99px; }
#main-nav-accordion li#About { left: 132px; }
#main-nav-accordion li#Home { left: 165px; }*/

#main-nav-accordion .main-nav-header {
	cursor: pointer;
	position: absolute;
	left: 0;
	width: 31px;
}

#main-nav-accordion a img {
	position: absolute;
	left: 461px;  /* 31px + 430px */
	
	opacity: 1.0;   /* Safari and other CSS3 browsers */
	-moz-opacity: 1.0;   /* Firefox */
	filter: alpha(opacity=100);  /* for IE */
}

#main-nav-accordion #About a img {
	opacity: 0.89;   /* Safari and other CSS3 browsers */
	-moz-opacity: 0.89;   /* Firefox */
	filter: alpha(opacity=89);  /* for IE */
}

#main-nav-accordion #About a:hover img {
	opacity: 1.0;   /* Safari and other CSS3 browsers */
	-moz-opacity: 1.0;   /* Firefox */
	filter: alpha(opacity=100);  /* for IE */
}

.flash_container,
img.nav-media {
	height: 250px;
	left: 33px;
	position: absolute;
	width: 430px;
}

#main-nav-accordion li.active .flash_container,
#main-nav-accordion li.active img.nav-media { left: 31px; }

/*** Sidebar (Subnavigation) ***/

.subnav {
	background-color: #E6E6E6;
	color: #454545;
	float: right;
	margin: 0;
	padding: 10px;
	width: 320px;
}

.subnav p {
	margin: 0 0 10px 0;
}

.subnav p.top {
	margin: 10px 0 0 0;
}

.subnav p.top-bottom {
	margin: 10px 0;
}

.subnav ul,
.subnav li,
ul#main-nav-accordion,
#main-nav-accordion li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* Global Sidebar Styles - My Profile and About Stryker Colors */

.subnav li a:link,
.subnav li a:visited,
.subnav li a:active {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	color: #00626E;
	font-weight: bold;
	display: block;
	padding: 3px 2px 2px 2px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%; /* If you give the block an explicit width of 100%, then IE/Windows plays along. */
}

html>body .subnav li a:link,
html>body .subnav li a:visited,
html>body .subnav li a:active { /* The child selector > was used to redefine the width to auto. Since IE6 does not understand child selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule. */
	width: auto;
}

.subnav li a:hover,
.subnav li:hover,
.subnav li.current-link a {
	background-color: #00626E;
	color: #FFF;
}

.subnav .content {
	background-color: #FFF;
	margin: 0;
	padding: 10px;
	font-size: 0.8571em;  /* 14x.8571=12px */
	line-height: 1.4167em;  /* 12x.8571=17px */
}

.subnav .content ul {
	font-size: 1.0833em;  /* 12x1.0833=13px */
}

/* Total Rewards and Student Center Colors */

.subnav .rewards li a:link,
.subnav .rewards li a:visited,
.subnav .rewards li a:active,
.subnav .student li a:link,
.subnav .student li a:visited,
.subnav .student li a:active{
	color: #8B9300;
}

.subnav .rewards li a:hover,
.subnav .rewards li:hover,
.subnav .rewards li.current-link a,
.subnav .student li a:hover,
.subnav .student li:hover,
.subnav .student li.current-link a {
	background-color: #ABB400;
	color: #FFF;
}

/* Search and Apply Colors */

.subnav .search li a:link,
.subnav .search li a:visited,
.subnav .search li a:active {
	color: #9E1B34;
}

.subnav .search li a:hover,
.subnav .search li:hover,
.subnav .search li.current-link a {
	background-color: #9E1B34;
	color: #FFF;
}

/* Careers Home Colors */

.subnav .home li a:link,
.subnav .home li a:visited,
.subnav .home li a:active {
	color: #5781AE;
}

.subnav .home li a:hover,
.subnav .home li:hover,
.subnav .home li.current-link a {
	background-color: #5781AE;
	color: #FFF;
}

/* Career Guide Colors */

.subnav .guide li a:link,
.subnav .guide li a:visited,
.subnav .guide li a:active {
	color: #4D4D4D;
}

.subnav .guide li a:hover,
.subnav .guide li:hover,
.subnav .guide li.current-link a {
	background-color: #4D4D4D;
	color: #FFF;
}

/* Get Job Updates Colors */

.subnav .job li a:link,
.subnav .job li a:visited,
.subnav .job li a:active {
	color: #666;
}

.subnav .job li a:hover,
.subnav .job li:hover,
.subnav .job li.current-link a {
	background-color: #666;
	color: #FFF;
}

/*** Sidebar Sub Subnavigation ***/

.subnav .menu-container {
	background-color: #E4EBF3;
	border: 1px solid #E6E6E6;
	border-top: none;
	padding-top: 4px;
	width: 298px;
}

.subnav li ul {
	margin: 0px;
	padding-left: 25px;
}

.subnav li ul li {
	list-style-image: url(/files/media/careers/bullets/subsub-nav-arrow.png);
	margin: 0px;
}

.subnav li ul.menu1,
.subnav li ul.menu2 {
	font-size: .9231em;  /* 13x.9231=12px */
	line-height: 1.25em ;/* 12x1.25=15px */
	width: 120px;
}

.subnav li ul.menu2 {
	float: right;
}

.subnav li ul li a:link,
.subnav li ul li a:visited,
.subnav li ul li a:active {
	background-color: #E4EBF3 !important;
	border-bottom: 1px solid #E4EBF3;
	color: #00626E !important;
	font-weight: normal;
	padding: 2px 2px 2px 0px;
	text-transform: none;	
	width: 120px;
}

.subnav li ul li a:hover,
.subnav li ul li:hover {
	color: #4777b2 !important;	
	list-style-image: url(/files/media/careers/bullets/subsub-nav-arrow_hover.png);
	text-decoration: underline
}

.subnav li ul li.current-link a:link,
.subnav li ul li.current-link a:visited,
.subnav li ul li.current-link a:active {
	color: #4777b2 !important;
	font-weight: bold;
	text-decoration: underline;
}

.subnav li ul li.current-link {
	list-style-image: url(/files/media/careers/bullets/subsub-nav-arrow_hover.png);
}

/* Get Job Updates - Form */

.job-updates td {
	font-size: .9167em;  /* 12x.9167=11px */
	vertical-align: top;
}

.job-updates td td {
	font-size: 1em;  /* 11x1=11px */
	line-height: 1.2727em;  /* 11x1.2727=14px */
	padding-bottom: 3px;
}

.job-updates th {
	color: #222;
	padding: 10px 0 4px 0;
}

.job-updates .no-top th,
.job-updates th.no-top {
	padding-top: 0;
}

.job-updates .email {
	margin-top: 2px;
	width: 189px;
}

.job-updates .imagespacert {
	margin: 0 0 0 6px;
}

.job-updates td.checkbox-column {
	padding-right: 3px;
}

.job-updates td .no-bottom td {
	padding-bottom: 0;
}

.job-alert-error,
.job-alert-email-error {
    background-color: #FDD;
}

.job-alert-error {
    display: none;
    border-top: 10px solid #E6E6E6;
    color: #900;
    margin: 10px -10px -10px -10px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.job_alert_thankyou {
    display: none;
    color: black;
    margin-bottom: 5px;
    font-weight: bold;
}

/*** Breadcrumbs ***/

ul.bread  {
	color: #00626E;
	border-bottom: 1px solid #E6E6E6;
	display: inline;
	margin: 0;
	padding: 0 0 2px 0;
} 

ul.bread li {
	display: inline;
	font-size: .8462em;  /* 13x.8462=11px */
	list-style: none;
	margin-left: 0;
	padding: 0 0 0 2px;
	text-transform: capitalize;
}

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

/* Pages with NO Breadcrumbs */

body#main-index ul.bread {
	
}

/*** Buttons ***/

button { 
	border: 0; 
	cursor: pointer; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	padding: 0 12px 0 0; 
	text-align: center;
}

button span { 
	color: #fff;
	display: block; 
	padding: 0 0 0 12px;
	position: relative;
	white-space: nowrap; 
}

button.about span,
button.profile span,
button.rewards span,
button.student span,
button.home span,
button.search span,
button.default span { 
	height: 24px; 
	line-height: 24px; 
	padding-left: 12px; 
}

button.about-border span,
button.profile-border span,
button.rewards-border span,
button.student-border span,
button.home-border span,
button.search-border span,
button.default-border span { 
	height: 26px; 
	line-height: 26px; 
	padding-left: 12px; 
}

button.right {
	margin-right: 7px;
}

button .button-icon {
	padding: 0 4px 2px 0;
	vertical-align: middle;
}

/* Colors for About Stryker and My Profile Buttons (No Border) */

button.about,
button.profile { 
	background: url(/files/media/careers/buttons/about-profile-btn-rt.gif) right no-repeat;	
}

button.about span,
button.profile span { 
	background: url(/files/media/careers/buttons/about-profile-btn-lt.gif) left no-repeat;  
}

button.about:hover,
button.profile:hover { 
	background: url(/files/media/careers/buttons/about-profile-btn-rt-hover.gif) right no-repeat; 
}

button.about:hover span,
button.profile:hover span { 
	background: url(/files/media/careers/buttons/about-profile-btn-lt-hover.gif) left no-repeat;
}

/* Colors for About Stryker and My Profile Buttons (with Border) */

button.about-border,
button.profile-border { 
	background: url(/files/media/careers/buttons/about-profile-btn-b-rt.gif) right no-repeat;	
}

button.about-border span,
button.profile-border span { 
	background: url(/files/media/careers/buttons/about-profile-btn-b-lt.gif) left no-repeat;  
}

button.about-border:hover,
button.profile-border:hover { 
	background: url(/files/media/careers/buttons/about-profile-btn-b-rt-hover.gif) right no-repeat; 
}

button.about-border:hover span,
button.profile-border:hover span { 
	background: url(/files/media/careers/buttons/about-profile-btn-b-lt-hover.gif) left no-repeat;
}

/* Colors for Total Rewards and Student Center Buttons (No Border) */

button.rewards,
button.student { 
	background: url(/files/media/careers/buttons/rewards-student-btn-rt.gif) right no-repeat;	
}

button.rewards span,
button.student span { 
	background: url(/files/media/careers/buttons/rewards-student-btn-lt.gif) left no-repeat;   
}

button.rewards:hover,
button.student:hover { 
	background: url(/files/media/careers/buttons/rewards-student-btn-rt-hover.gif) right no-repeat; 
}

button.rewards:hover span,
button.student:hover span { 
	background: url(/files/media/careers/buttons/rewards-student-btn-lt-hover.gif) left no-repeat;
}

/* Colors for Total Rewards and Student Center Buttons (with Border) */

button.rewards-border,
button.student-border { 
	background: url(/files/media/careers/buttons/rewards-student-btn-b-rt.gif) right no-repeat;	
}

button.rewards-border span,
button.student-border span { 
	background: url(/files/media/careers/buttons/rewards-student-btn-b-lt.gif) left no-repeat;  
}

button.rewards-border:hover,
button.student-border:hover { 
	background: url(/files/media/careers/buttons/rewards-student-btn-b-rt-hover.gif) right no-repeat; 
}

button.rewards-border:hover span,
button.student-border:hover span { 
	background: url(/files/media/careers/buttons/rewards-student-btn-b-lt-hover.gif) left no-repeat;
}

/* Colors for Home Buttons (No Border) */

button.home { 
	background: url(/files/media/careers/buttons/home-btn-rt.gif) right no-repeat;	
}

button.home span { 
	background: url(/files/media/careers/buttons/home-btn-lt.gif) left no-repeat;  
}

button.home:hover { 
	background: url(/files/media/careers/buttons/home-btn-rt-hover.gif) right no-repeat; 
}

button.home:hover span { 
	background: url(/files/media/careers/buttons/home-btn-lt-hover.gif) left no-repeat;
}

/* Colors for Home Buttons (with Border) */

button.home-border { 
	background: url(/files/media/careers/buttons/home-btn-b-rt.gif) right no-repeat;	
}

button.home-border span { 
	background: url(/files/media/careers/buttons/home-btn-b-lt.gif) left no-repeat;  
}

button.home-border:hover { 
	background: url(/files/media/careers/buttons/home-btn-b-rt-hover.gif) right no-repeat; 
}

button.home-border:hover span { 
	background: url(/files/media/careers/buttons/home-btn-b-lt-hover.gif) left no-repeat;
}

/* Colors for Search Buttons (No Border) */

button.search { 
	background: url(/files/media/careers/buttons/search-btn-rt.gif) right no-repeat;	
}

button.search span { 
	background: url(/files/media/careers/buttons/search-btn-lt.gif) left no-repeat;  
}

button.search:hover { 
	background: url(/files/media/careers/buttons/search-btn-rt-hover.gif) right no-repeat; 
}

button.search:hover span { 
	background: url(/files/media/careers/buttons/search-btn-lt-hover.gif) left no-repeat;
}

/* Colors for Search Buttons (with Border) */

button.search-border { 
	background: url(/files/media/careers/buttons/search-btn-b-rt.gif) right no-repeat;	
}

button.search-border span { 
	background: url(/files/media/careers/buttons/search-btn-b-lt.gif) left no-repeat;   
}

button.search-border:hover { 
	background: url(/files/media/careers/buttons/search-btn-b-rt-hover.gif) right no-repeat; 
}

button.search-border:hover span { 
	background: url(/files/media/careers/buttons/search-btn-b-lt-hover.gif) left no-repeat;
}

/* Colors for Default Buttons (No Border) */

button.default { 
	background: url(/files/media/careers/buttons/default-btn-rt.gif) right no-repeat;	
}

button.default span { 
	background: url(/files/media/careers/buttons/default-btn-lt.gif) left no-repeat;   
}

button.default:hover { 
	background: url(/files/media/careers/buttons/default-btn-rt-hover.gif) right no-repeat; 
}

button.default:hover span { 
	background: url(/files/media/careers/buttons/default-btn-lt-hover.gif) left no-repeat;
}

/* Colors for Default Buttons (with Border) */

button.default-border { 
	background: url(/files/media/careers/buttons/default-btn-b-rt.gif) right no-repeat;	
}

button.default-border span { 
	background: url(/files/media/careers/buttons/default-btn-b-lt.gif) left no-repeat;  
}

button.default-border:hover { 
	background: url(/files/media/careers/buttons/default-btn-b-rt-hover.gif) right no-repeat; 
}

button.default-border:hover span { 
	background: url(/files/media/careers/buttons/default-btn-b-lt-hover.gif) left no-repeat;
}

/* Button Hover */

button:hover a { 
	text-decoration: none;
}

.buttons-wrapper {
	padding-right: 10px;
}

/*** Footer ***/

.careers-footer {
	color: #6F6F6F;
	font-size: .8462em;  /* 13x.8462=11px */
	margin: 30px 0 0 0;
	padding: 0;
}

.careers-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.careers-footer li {
	list-style-image: none;
	float: left;
	padding: 0;
}

.careers-footer ul.main-nav li {
	border-right: 2px solid #5781AE;
	font-size: 1.0909em;  /* 11x1.0909=12px */
	margin-bottom: 10px;
}

.careers-footer ul.subnav li {
	border-right: 2px solid #E46F20;
}

.careers-footer ul.subnav {
	background-color: white;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	color:#6F6F6F;
	clear: left;
	float: none;
	font-size:0.8462em;
	margin: 6px 0 0 0;
	padding: 7px 0;
	height: 1.2em;
	width: 23em;
}

.careers-footer ul.main-nav li.last,
.careers-footer ul.subnav li.last {
	border-right: none;
}

.careers-footer li a:link,
.careers-footer li a:visited,
.careers-footer li a:active {
	color: #6F6F6F;
	display: block;
	line-height: 8px;
	padding: 2px 8px;
	text-decoration: none;
}

.careers-footer li.first a:link,
.careers-footer li.first a:visited,
.careers-footer li.first a:active,
.careers-footer li.first a:hover,
.careers-footer .subnav li.first a:link,
.careers-footer .subnav li.first a:visited,
.careers-footer .subnav li.first a:active,
.careers-footer .subnav li.first a:hover {
	padding-left: 0;
}

.careers-footer ul.main-nav li a:hover {
	color: #4D739C;
	text-decoration: underline;
}

div.careers-footer ul.subnav li a:hover,
div.careers-footer ul.subnav li a:hover:visited {
	azimuth: none;
	color: #E46F20;
	text-decoration: underline;
}

.careers-footer ul.subnav li a:link,
.careers-footer ul.subnav li a:visited,
.careers-footer ul.subnav li a:active {
	background-color: white;
	color: #6F6F6F;
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	line-height: 1.0em;
	padding: 0px 10px;
	text-transform: none;
}


/***************************
 * CAREERS CONTENT
 ***************************/

body {
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* Default 16px */
	font-weight: normal;
	line-height: 1.0625em; /* 16x1.0625=17px */
	margin: 0;
}

h1 {
	color: #5781AE;
	font-size: 1.7142em;  /* 14x=1.7142=24px */
	font-weight: bold;
	margin: 25px 0 17px 0;
}

h2 {
	color: #4F4F4F;
	font-size: 1.3571em;  /* 14x=1.3571=19px */
	line-height: 1.3684em;  /* 19x=1.3684=26px */
	font-weight: bold;
	margin: 0;
}

h3 {
	color: #666;
	font-size: 1.1428em;  /* 14x=1.1428=16px */
	font-weight: bold;
	line-height: 1.4375em;  /* 16x=1.3684=19px */
	margin: 0;
}

h2.bottom,
h3.bottom {
	margin: 0 0 14px 0;
}

/*** Rainbow H2s ***/

h2.rewards,
h2.profile,
h2.search,
h2.student,
h2.about,
h2.home,
h2.home-action,
h2.alerts,
h2.job,
h2.guide {
	color: #FFF;
	line-height: .9474em;  /* 19x=.9474=18px */
	margin: 10px 0 0 0;
	padding: 5px 10px;
}

h2.rewards.no-top,
h2.profile.no-top,
h2.search.no-top,
h2.student.no-top,
h2.about.no-top,
h2.home.no-top,
h2.home-action.no-top,
h2.alerts.no-top,
h2.job.no-top,
h2.guide.no-top {
	margin: 0;
}

h2.small {
	font-size: 1.2307em;  /* 13x=1.2307=16px */
}

h2.rewards,
h2.student {
	background: url(/files/media/careers/layout/h2-rewards-student.jpg) repeat-y;
}

h2.about,
h2.profile {
	background: url(/files/media/careers/layout/h2-about-profile.jpg) repeat-y;
}

h2.search {
	background: url(/files/media/careers/layout/h2-search.jpg) repeat-y;
}

h2.home {
	background: url(/files/media/careers/layout/h2-home.jpg) repeat-y;
}

h2.home-action {
	background: url(/files/media/careers/layout/h2-home-action.gif) repeat;
}

h2.alerts {
	color: #5781AE;
	background: url(/files/media/careers/layout/h2-alerts.jpg) repeat-y;
	background-position: right;
}

h2.guide {
	background: url(/files/media/careers/layout/h2-guide.gif) repeat;
}

h2.job {
	background: url(/files/media/careers/layout/h2-job.gif) repeat;
}

/*** Paragraphs ***/

p {
	margin: 0 0 16px 0;
}

p.top-bottom {
	margin: 16px 0;
}

p.top {
	margin: 16px 0 0 0;
}

p.emphasize {
	color: #222;
}

/*** Lists ***/

ul, ol {
	margin: 16px 0;
	padding-left: 18px;
}
		
li {
	padding-bottom: 8px;
}

ul.no-bottom li,
ol.no-bottom li,
li.no-bottom {
	padding-bottom: 0;
}

ul.no-top-bottom {
	margin: 0;
}

ul li {
	list-style-image: url(/files/media/careers/bullets/bullet-arrow.png);
}

/*** Emphasis ***/

em {
	font-style: italic;
}

/*** Main Links ***/

a:link,
a:visited,
a:active {
	color: #00626E;
	text-decoration: none;
}

a:hover {
	color: #9E1B34;
	text-decoration: underline;
}

/*** Superscripts and Subscripts ***/

sup, sub { 
	position: relative;
	vertical-align: 0;
}

sup { 
	bottom: 1ex;  /* x-height */
}

sub { 
	top: 0.8ex;  /* x-height */
}

/*** Horizontal Rules ***/

hr {
	background-color: #FFF;
	border-top: 1px solid #BFBFBF;
	border-bottom: none;
	border-width: 1px 0;
	color: #BFBFBF; /* Older versions of IE use the `color` attribute to style <hr> */
	height: 1px;
	margin: 0 0 18px 0;
	line-height: 1px;
	width: 100%;
}

/*** Images ***/

.imagespacert {
	float: right;
	margin: 0 0 15px 15px;
}

.imagespacert-alt {
	float: right;
	margin: 0 0 0 15px;
}

.imagespacelt {
	float: left;
	margin: 0 15px 15px 0;
}

.imagespacelt-alt {
	float: left;
	margin: 0 15px 0 0;
}

/*** Clear Fix ***/

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

/*** Forms ***/

.radio,
.checkbox {
	margin: 0;
	padding: 0;
}

.fieldcell {
	border: 1px solid #A0A0A0;
	padding: 3px;
}

/*** Tables ***/

table.bottom,
table.top-bottom {
	margin-bottom: 16px;
}

table.top,
table.top-bottom {
	margin-top: 16px;
}

/* Table Listings */

.list {
	border: 1px solid  #E7EDF6;
	font-size: .8571em;  /* 14x.8571=12px */
	line-height: 1.4167em;  /* 12x1.4167=17px */
	width: 582px;
}

.list th {
	color: #333;
	font-weight: bold;
}

.list th,
.list td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top
}

.list tr.even {
	background-image: url(/files/media/careers/layout/alternate-row.gif);
	background-repeat: repeat;
}

/*** Two Columns (Photo and Text) - Career Guide, Student Center Employee / Intern Spotlights ***/

.two-column-photo {
	clear: left;
}

.two-column-photo div {
	margin-left: 150px;
	padding-bottom: 16px;
}

.two-column-photo .imagespacelt {
	margin: 0;
	margin: 4px 0 24px 0;
}

/*** Footer Callouts: Alert Area (ie What We Do & Where, Career Spotlight and Awards) - Table ***/

.alerts th h2.alerts {
	margin: 8px 0 0 0;
}

h3.alerts {
	color: #5781AE;
	border-bottom: 1px solid #BFBFBF;
	font-size: 1.0769em;  /* 13x=1.0779=14px */
	padding-bottom: 2px;
	margin: 0 0 8px 0;
}

.alerts th,
.alerts td,
.actions td {
	text-align: left;
	vertical-align: top;
}

.alerts th {
	padding: 0 10px 0 0;
}

.alerts td {
	padding: 10px;
}

.alerts td strong {
	color: #666; 
}

/*** Content Call Outs: Action Area - Table ***/

/* Layout Call Outs  (ie Get Started, Student Center, Career Guide etc.) */

.content-wrapper table.actions {
	margin-top: 10px;
}

.content-wrapper #profile-login .content .top{
	padding-bottom: 10px;
}

#profile-login .imagespacelt {
	padding-left: 10px;
	padding-top: 10px;
}

#profile-login .content h3 {
	padding-top: 10px;
}

.actions-layout td .content,
.actions-layout td h2,
.job-updates-content {
	text-align: right;
}

.actions-layout td h2,
#profile-login td h2 {
	font-size: 1.4615em;  /* 13x=1.4615=19px */
}

.actions-layout td .content { 
	font-size: .9231em;   /* 13x.9231=12px */
	line-height: 1.4167em;   /* 12x.9231=17px */
}

.actions-layout td {
	padding: 25px 10px 0 0;
}

.overlapping-photos, 
.get-started-wrapper {
	margin: -24px 5px 0 0;
	float: left;
}

.get-started-wrapper {
	width: 98px;
	height: 116px;
}

.get-started-wrapper img.hide-on-load, 
.main-nav-content-inactive {
	display: none;
}

.get-started-spacer {
	margin: 26px 0 0 0;
}

/* Internal Page Call Outs  */

.actions td .content,
#profile-login .content td { 
	background-color: #E6E6E6;
	min-height: 95px;
	padding: 10px;
}

.actions td .content {
	font-size: .8571em;   /* 14x.8571=12px */
	line-height: 1.4167em;   /* 12x1.4167=17px */
}

.actions td td {
	padding: 0px;
}

.actions td {
	padding: 6px 10px 0 0;
}

.actions td p.top {
	margin-top: 10px; 
}

.actions td .longer {
	min-height: 115px;
}

.actions td li {
	padding-bottom: 5px;
}

.testimonial img {
	margin-bottom: 10px;
}

.actions td .small {
	font-size: .9167em; /* 12x.9167=11px */
}

#profile-login td.create-profile h3 {
	color: #5781AE;
}

#profile-login td.create-profile {
	border-left: 1px solid #C0C0C0;
	padding-left: 25px;
}

#profile-login .imagespacelt {
	margin: 3px 10px 50px 0;
}

/*** Tabs ***/

.tabs {
	background: url(/files/media/careers/tabs/tab-background.jpg) repeat;
	float: left;
	height: 35px;
	text-transform: uppercase;
	width: 582px;
}

.tabs a {
	color: #FFF;
}

.tabs a:hover {
	text-decoration: none;
}

.tabs ul {
	font-weight: bold;
	font-size: .8571em; /* 14x.8571=12px */
	list-style: none;
	margin: 0;
	padding: 5px 5px 0;
}

.tabs ul li {
	float: left;
	background: url(/files/media/careers/tabs/right.png) right top no-repeat;
	line-height: 1.25em; /* 12x1.25=15px */
	list-style-image: none;
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

.tabs ul li a {
	background: url(/files/media/careers/tabs/left.png) left top no-repeat;
	display: block;
	padding: 6px 14px 4px;
	color: white !important;
}

.tabs ul li a:focus {
    outline: none;
}

.tabs ul li:hover {
	background-image: url(/files/media/careers/tabs/right-hover.png);
	cursor: pointer;
}

.tabs ul li:hover a {
	background-image: url(/files/media/careers/tabs/left-hover.png);
}

#slider .tabs ul li.selected, 
#slider .tabs ul li.selected:hover {
	background-image: url(/files/media/careers/tabs/right-current.png);
	height: 26px;
}

#slider .tabs ul li.selected a, 
#slider .tabs ul li.selected:hover a {
	background-image: url(/files/media/careers/tabs/left-current.png);
	cursor: default;
	color: #3F5E81 !important;
	padding-bottom: 5px;
}

.tab-content {
	background-color: #E4EBF3;
	clear: left;
	overflow: hidden;
	padding: 12px 14px;
	width: 554px;
}

.tab-content td {
	padding-bottom: 8px;
}

.tab-content .form-controllers td {
	text-align: right;
	padding-bottom: 0;
}

/*** Page Specific: Home Page Styles - Main Index ***/

body#main-index h2.rewards,
body#main-index h2.profile,
body#main-index h2.search,
body#main-index h2.student,
body#main-index h2.about,
body#main-index h2.home,
body#main-index h2.job,
body#main-index h2.guide,
.actions-layout {
	text-align: right;
}

body#main-index .actions td {
	padding: 0 10px 0 0;
}

/*** Page Specific: Products ***/

.product tr {
	margin-bottom: 25px;
}

td.product-content {
	vertical-align: middle;
	padding-bottom: 15px;
}

td.product-image {
	padding: 0;
	margin: 0;
}

td.product-image img {
	border: 1px solid #E6E6E6;
	margin: 0 0 5px 10px;	
}

td.product-image p {
	color: #999;
	font-size: .7857em;  /* 14x.7857=11px */ 
	line-height: 1.1818em;  /* 11x.1.1818 =13px */
	text-align: right;
	padding-right: 0;
	margin-right: 0;
}
	
#slider {
    width: 560px;
    margin: 0 auto 15px 0;
    position: relative;
}

.scroll {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(/files/media/careers/content_pane-gradient.gif) repeat-x scroll left bottom;
	width: 100%;
}

.scrollContainer div.panel {
    padding: 5px;
	height: auto;
    width: 545px;
}

#shade {
    background: #EDEDEC url(/files/media/careers/shade.jpg) no-repeat 0 0;
    height: 50px;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.panel {
	background-color: #E4EBF3;
	padding: 0;
	margin: 0;
}

#choices-list-col2 {
	padding-right: 15px;
}

/*** Page Specific: Site Map ***/

body#sitemap-index h2.rewards,
body#sitemap-index h2.profile,
body#sitemap-index h2.search,
body#sitemap-index h2.student,
body#sitemap-index h2.about,
body#sitemap-index h2.home,
body#sitemap-index h2.job,
body#sitemap-index h2.guide,
.actions-layout {
	text-align: right;
}

ul.sitemap {
	margin-top: 3px;
}

#sitemap {
	width: 296px;
}



/***************************
 * POPUP LAYOUT & CONTENT
 ***************************/

/*** Popup Layout ***/

#popup-container {
	background-color: #FFF;
	font-size: .8125em;  /* 16x.8125=13px */
	height: 100%;
	line-height: 1.3846em;  /* 13x1.3846=18px */
	margin: 0 auto;
	width: 588px;
}

#popup-content {
	font-size: 1.0769em;  /* 14px, based on the font-size of the .content-wrapper */
	line-height: 143%;
	padding: 10px;
}

#popup-footer {
	background: url(/files/media/careers/popups/footer.gif) repeat;
	height: 10px;
	margin: 0;
}

/*** Popup Content ***/

#popup-content h1 {
	background: url(/files/media/careers/popups/h1.jpg) repeat-x;
	color: #1F1F1F;
	font-size: 1.3571em; /* 14x1.3571=19px */
	margin: -10px -10px 10px -10px;
	padding: 8px 10px;
}

#popup-content h2 {
	color: #A9B200;
	font-size: 1.5714em; /* 14x1.5714=22px */
	line-height: 1.0909em;  /* 22x1.0909=24px */
	margin: 0 0 2px 0;
	padding: 0;
	text-transform: uppercase;
}

#popup-content h2.task {
	color: #5781AE;
	font-size: 1em; /* 14x1=14px */
	line-height: 1.2857em;  /* 14x1.2857=18px */
	margin: 10px 0 0 0;
	padding: 0;
	text-transform: none;
}

#popup-content p {
	clear: left;
	margin-top: 10px;
}

#popup-content .banner {
	background-color: #E4EBF3;
	clear: left;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px 14px;
	width: 540px;
}

#popup-content .employee {
	border-left: 1px solid #BDCADF;
	float: right;
	padding-left: 18px;
	width: 410px;
}

#popup-content .logo {
	padding-top: 10px;
}

#popup-content .description {
	background: url(/files/media/careers/popups/description-bg.gif) repeat;
	color: #FFF;
	font-weight: bold;
	font-size: .7857em;  /* 14x.7857=11px */
	line-height: 1.1818em;  /* 11x1.1818=13px */
	min-height: 117px;
	padding: 6px 10px;
	width: 200px;
}

#popup-content .imagespacelt-alt {
	margin: 0 10px 10px 0;
}

#popup-content .feature {
	float: right;
	height: 129px;
	position: relative; 
	width: 338px;	
} 

#popup-content .caption {
	bottom: 0; 	 
	color: #FFF;
	font-size: .8571em;  /* 14x.8571=12px */
	font-weight: bold;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute; 
} 

/*** Coda Slider Adjustments for Popups ***/

#popup-content .scrollContainer div.panel {
    padding: 0;
}

#popup-content .scrollContainer div.panel,
#popup-content .tabs,
#popup-content #slider {
	width: 568px;
}

#popup-content .panel {
	background-color: #FFF;
}

#popup-content #slider {
    margin: 0;
}



/**********************************************************
 *           STRYKER CORPORATE LAYOUT STYLES
 **********************************************************/
 
/**********************************************************
 *                    The Header Area
 **********************************************************/

#header-area {
	clear: both;
	margin: auto;
	margin-bottom: 25px;
	overflow: auto;
	
	/* Note:  the content width of this box is 975 pixels;
	 * however, because of an issue in Firefox 3 (see the
	 * notes for Issue #128), we needed to make the container
	 * 2 pixels wider and added 1 pixel of padding on the left
	 * and right sides.  So, our content box is still 975 pixels
	 * wide, but for technical reasons, the header-area needed
	 * to be slightly wider with a sliver of padding on each side.
	 * 
	 * @see http://sharepoint.stryker.com/sites/clubweb/Lists/Issues Requests and Tasks/EditForm.aspx?ID=128
	 */
	padding: 0 1px;
	width: 977px;
}

/**
 * LOGO STYLES
 *
 * A set of styles controlling the look and positioning
 * of the big Stryker logo on every page of the site
 */

#logo {
	float: left;
	margin-top: 10px;
}

#logo a span {
	display: none;
}

#header #logo a {
	background: url("../files/media/004168.gif") no-repeat;
	display: block;
	height: 30px;
	width: 120px;
}

#header #logo a span {
	display: none;
}

/**
 * TOOLS AREA
 *
 * Encompasses the search feature, global and audience selectors,
 * the text size tool, and the quick links.
 */

#tools-area {
	float: right;
	font-size: 63%;
	margin-top: 3px;
	width: 520px;
}

#locale-and-text-size-area {
	border-top: 1px solid #1480AE;
	color: #999999;
	margin-top: 2px;
}

#locale-and-text-size-area a,
#locale-and-text-size-area a:link,
#locale-and-text-size-area a:visited {
	color: #000000;
	text-decoration: none;
}

#locale-and-text-size-area a:hover,
#locale-and-text-size-area a:visited:hover {
	color: #000000;
	text-decoration: underline;
}

#quick-links-and-search-area, #search-area {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#quick-links-and-search-area {
	clear: both;
	height: 23px;
	position: relative; /* used to correctly position the quick links */
}

#tools-area #textsize a:link,
#tools-area #textsize a:hover,
#tools-area #textsize a:visited,
#tools-area #textsize a:active {
	color: #E46F20;
	font-weight: bolder;
	text-decoration: none;
}

body.corporate #tools-area #textsize a:link,
body.corporate #tools-area #textsize a:hover,
body.corporate #tools-area #textsize a:visited,
body.corporate #tools-area #textsize a:active {
	color: #645A50;
	font-weight: bolder;
	text-decoration: none;
}

body.patient #tools-area #textsize a:link,
body.patient #tools-area #textsize a:hover,
body.patient #tools-area #textsize a:visited,
body.patient #tools-area #textsize a:active {
	color: #669966;
	font-weight: bolder;
	text-decoration: none;
}

/**
 * Quick Links Navigation
 */
 
#quick-links-nav {
	bottom: 2px;
	list-style: none;
	margin: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
	padding: 0px;
	padding-bottom: 0px;
	position: absolute;
}

#quick-links-nav li {
	display: block;
	float: left;
	padding: 2px 6px 0px 6px;
}

body.patient #quick-links-nav li:first-child, body.corporate #quick-links-nav li:first-child, #quick-links-nav li:first-child {
	background: none;
}

body.patient #quick-links-nav li.first, body.corporate #quick-links-nav li.first, #quick-links-nav li.first {
	background: none;
}

#quick-links-nav a,
#quick-links-nav a:link,
#quick-links-nav a:visited {
	color: #000000;
	text-decoration: none;
}

#quick-links-nav a:hover,
#quick-links-nav a:visited:hover {
	text-decoration: underline;
}

/**
 * SEARCH AREA
 */
 
#search-area {
	float: right;
}

#search-area input#search-terms {
	font-size: 110%;
	padding-left: 10px;
	color: #999999;
	width: 125px;
}

#search-area input#search-terms {
	background: #fff url("../files/media/000939.gif") no-repeat 3px center;
}

body.corporate #search-area input#search-terms {
	background: #fff url("../files/media/004143.gif") no-repeat 3px center;
}

body.patient #search-area input#search-terms {
	background: #fff url("../files/media/003679.gif") no-repeat 3px center;
}

#submit-button-image-global,
body.corporate #submit-button-image-corporate,
body.patient #submit-button-image-patient {
	display: inline;
	vertical-align: bottom;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

/**
 * Due to certain technical restrictions, we have 3 different
 * search submit button images.  The image that needs to be
 * shown depends on the user's chosen audience.  Here, we are
 * hiding the irrelevant images depending on the audience
 * selected by the user.
 */
#submit-button-image-corporate { display: none; }
#submit-button-image-patient { display: none; }
body.corporate #submit-button-image-global { display: none; }
body.corporate #submit-button-image-patient { display: none; }
body.patient #submit-button-image-corporate { display: none; }
body.patient #submit-button-image-global { display: none; }

/**
 * Selector Tools
 */
 
ul.selector-menu {
	border: #ff0000 2px groove;
	background: #ffffff;
	color: #000080;
	display: none;
	padding: 2px;
	position: absolute;
}

ul.selector-menu li {
	color: #050505;
	padding: 0px 10px 0px 12px;
}

ul.selector-menu li {
	background: url("../files/media/000939.gif") no-repeat left 4px;
}

body.corporate ul.selector-menu li {
	background: url("../files/media/004143.gif") no-repeat left 4px;
}

body.patient ul.selector-menu li {
	background: url("../files/media/003679.gif") no-repeat left 4px;
}

#global-selector, #audience-selector {
	padding-left: 4px;
	padding-right: 4px;
}

#AudienceMenu div {
	padding-left: 2px;
}

#AudienceMenu div.indented {
	padding-left: 10px;
}

#AudienceMenu div.indented-special {
	padding-left: 10px;
	height: 5px;
}

/**
 * Text-Size Tool
 */
 
#textsize {
	float: right;
	padding: 0px 0px 5px 5px;
}

#locale-area {
	float: left;
	padding-top: 4px;
}

/**********************************************************
 *                    The Footer Area
 **********************************************************/

div.footer-spacer {
	border-bottom: 4px solid #FFF;
	background-color: #E5E5E5;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div.layout-row-area {
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
	background-color: #FFF;
	width: 976px;
	margin: 0px auto;
	padding: 0px;
}

div.layout-row-area ul, div.layout-row-area p {
	margin: 0px;
}

#bottom-shading-area {
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
	background-color: #F2F2F2;
	width: 976px;
	margin: 0px auto;
	padding: 0px;
}

#stryker-footer #footer{
	width: 100%;
	text-align: center;
	font-size: 63%;
	color: #B2B2B2;
	margin-top: 0px;
	margin-bottom: 20px;
}

#stryker-footer #footer a:link, .careers-footer a:visited {
	text-decoration: none;
	color: #B2B2B2;
}

#stryker-footer #footer a:hover, .careers-footer a:active {
	text-decoration: underline;
	color: #B2B2B2;
}

.small-type {
	color: #999;
	font-size: .7857em;  /* 14x.7857=11px */ 
	line-height: 1.1818em;  /* 11x.1.1818 =13px */
	text-align: right;
	padding-right: 0;
	margin-right: 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 470px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  470px;
    height: 116px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 98px;
    height: 116px;
    padding-right:15px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 63px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/files/media/careers/tango/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 63px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/files/media/careers/tango/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/files/media/careers/tango/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/files/media/careers/tango/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 36px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 19px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
padding-left: 8px;
color: #1f1f1f;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 14px;
    font-weight: bold;
    cursor: pointer; 
    margin-right:5px;

}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
	vertical-align:middle ;
	margin-top: -3px;
	}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }