@charset "utf-8";

body { font-family:Arial, Helvetica, sans-serif; margin:0; background-image:url("/career/img/bgtatami.gif"); }

/* misc fixes */
html{ overflow-y:scroll; } 
img { border:0; }
a:active, a:focus{ outline:none; }  
a { cursor:pointer; }
a:link, a:active, a:visited, a:hover { color:#fff; cursor:pointer; text-decoration:none; }
p, h1, h2, h3, h4, h5, ul, ol, li { margin:0; padding:0; }
p { padding:0 0 10px 0; } /* fixes spacing in all browsers */

/*typography*/
#timeline h2 { color:#b51b06; font:normal 32px Georgia, "Times New Roman", Times, serif; padding-bottom:15px; width:auto; }
/*#timeline h2 { color:#b51b06; font:normal 32px Georgia, "Times New Roman", Times, serif; padding-bottom:15px; }*/
#timeline #intro h2, #timeline #loading h2 { color:#fff; font-size:28px; letter-spacing:-0.01em; padding-bottom:5px; }
#timeline #intro h3, #timeline #loading h3 { color:#fff; font:normal 45px Georgia, "Times New Roman", Times, serif; padding-bottom:10px; }
html > body #timeline h2 { height:auto; } /*jnj.css override*/
#timeline p { color:#000; font:normal 14px/22px Arial, Helvetica, sans-serif; }
#timeline ul { list-style-type:none; }

/*layout*/
#midcontainer_timeline { float:left; margin-left:15px; width:760px; }
html>body #midcontainer_timeline {margin-left: 25px;}
#timeline { height:460px; margin:20px auto; overflow:hidden; position:relative; width:789px; }
#loading { background-color:#48453c; left:90px; margin-top:20px; position:relative; text-align:center; top:0; width:695px; }
#loading p { color:#fff; font:normal 16px Arial, Helvetica, sans-serif; padding-bottom:10px; }
#loading img.loading { margin-bottom:10px; position:relative; }
#loading div { right:402px; position:absolute; text-align:center; top:130px; width:280px; z-index:2; }
#content { display:none; }
#vertical { background-color:#d1cfcb; height:auto; left:90px; overflow:hidden; position:relative; top:0; width:695px; }
#vertical div.vertical { position:relative; height:460px; }
#vertical div.horizontal { left:0; position:absolute; top:0; z-index:1; }
#vertical div.horizontal div.year { float:left; position:relative; width:695px; }
#vertical div.info { background:url(/career/img/info.png) repeat; min-height:124px; height:auto !important; height:124px; left:326px; padding:20px; position:absolute; top:124px; width:280px; }
#vertical div.top66 { top:66px; }
#vertical div.top96 { top:96px; }
#vertical div.top110 { top:110px; }
#vertical div.top124 { top:124px; }
#vertical div.top132 { top:132px; }
#vertical div.left { left:49px; }

#intro div.intro { right:415px; position:absolute; text-align:right; top:135px; width:280px; z-index:4; }
#timeline div.button { float:right; font:bold 16px Arial, Helvetica, sans-serif; text-align:right; width:134px; }
#timeline div.button a { background:url(/career/img/button.gif) no-repeat top; color:#fff; display:block; height:28px; letter-spacing:-.01em; line-height:28px; padding-right:20px; width:114px; }
#timeline div.button a:hover { color:#ddd; background-position:bottom; text-decoration:none; }

/*left navigation for vertical movement*/
ul#verticalNav { height:460px; left:0; position:absolute; top:0; width:90px; }
ul#verticalNav li { cursor:pointer; height:89px; margin-bottom:4px; *margin-bottom:1px; overflow:hidden; padding:0; position:relative; width:90px; }
ul#verticalNav li a { background:#c62800 url(/career/img/verticalNav.png) repeat-y right top; color:#fff; display:block; height:89px; overflow:hidden; position:absolute; right:0; text-decoration:none; width:82px; }
ul#verticalNav li a p { font:normal 22px/20px Georgia, "Times New Roman", Times, serif; color:#fff; position:absolute; right:18px; text-align:center; top:13px; width:50px; }
ul#verticalNav li a p.first { font:normal 20px/28px Georgia, "Times New Roman", Times, serif; color:#fff; right:15px; top:15px; width:60px; }
* html ul#verticalNav li a p.first { right:8px; }
ul#verticalNav li a span { font-size:14px; }
ul#verticalNav li.on a { cursor:default; width:90px; }

/*top navigation for horizontal movement*/
ul.horizNav { height:40px; position:absolute; top:0; z-index:2; }
#vertOne ul.horizNav { left:30px; }
#vertTwo ul.horizNav { left:64px; }
#vertThree ul.horizNav { left:100px; }
#vertFour ul.horizNav { left:1px; }
ul.horizNav li { cursor:pointer; display:inline-block; float:left; height:38px; padding:0 1px; position:relative; top:0; }
* + html ul.horizNav li { display:inline; }
ul.horizNav li a { background:url(/career/img/horizNav.png) repeat; color:#fff; display:block; float:left; font:normal 16px/32px Georgia, "Times New Roman", Times, serif; height:32px; padding:0 9px; text-align:center; text-decoration:none; }
ul.horizNav li a:hover, ul.horizNav li.on a { background:#b41601 url(/career/img/horizNav-on.png) repeat-x top; text-decoration:none; }
ul.horizNav li.hidden { display:none; }

/*arrow navigation for next/prev*/
ul.arrowNav { position:relative; top:195px; width:695px; z-index:4; }
ul.arrowNav li { height:33px; position:absolute; width:22px; }
ul.arrowNav li a { background-image:url(/career/img/arrows.png); background-repeat:no-repeat; display:block; height:33px; text-decoration:none; width:22px; }
ul.arrowNav li.prev { left:16px; }
ul.arrowNav li.next { right:16px; }
ul.arrowNav li.prev a { background-position:0 0; }
ul.arrowNav li.next a { background-position:-22px 0; }
ul.arrowNav li.prev a:hover { background-position:0 -33px; }
ul.arrowNav li.next a:hover { background-position:-22px -33px; }

/* utilities */
.clear { clear:both; height:0; font-size:1px; line-height:0px; } /* clear floats with br */

#rs_playerarea {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #AEAEAE !important;
    font-family: Arial !important;
    font-style: normal !important;
    height: 39px !important;
    line-height: normal !important;
    position: relative !important;
    width: 310px !important;
}
=======
@charset "utf-8";

body { font-family:Arial, Helvetica, sans-serif; margin:0; }

/* misc fixes */
html{ overflow-y:scroll; } 
img { border:0; }
a:active, a:focus{ outline:none; }  
a { cursor:pointer; }
a:link, a:active, a:visited, a:hover { color:#fff; cursor:pointer; text-decoration:none; }
p, h1, h2, h3, h4, h5, ul, ol, li { margin:0; padding:0; font:1.7em Verdana; color:rgb(210,105,30); }
p { padding:0 0 10px 0; } /* fixes spacing in all browsers */

/*typography*/
#timeline h2 { color:#b51b06; font:normal 32px Georgia, "Times New Roman", Times, serif; padding-bottom:15px; width:auto; }
/*#timeline h2 { color:#b51b06; font:normal 32px Georgia, "Times New Roman", Times, serif; padding-bottom:15px; }*/
#timeline #intro h2, #timeline #loading h2 { color:#fff; font-size:28px; letter-spacing:-0.01em; padding-bottom:5px; }
#timeline #intro h3, #timeline #loading h3 { color:#fff; font:normal 45px Georgia, "Times New Roman", Times, serif; padding-bottom:10px; }
html > body #timeline h2 { height:auto; } /*jnj.css override*/
#timeline p { color:#000; font:normal 12px/22px Arial, Helvetica, sans-serif; line-height:130%; }
#timeline ul { list-style-type:none; }

/*layout*/
#midcontainer_timeline { float:left; margin-left:15px; width:760px; }
html>body #midcontainer_timeline {margin-left: 25px;}
#timeline { height:460px; margin:20px auto; overflow:hidden; position:relative; width:789px; }
#loading { background-color:#48453c; left:90px; margin-top:20px; position:relative; text-align:center; top:0; width:695px; }
#loading p { color:#fff; font:normal 16px Arial, Helvetica, sans-serif; padding-bottom:10px; }
#loading img.loading { margin-bottom:10px; position:relative; }
#loading div { right:402px; position:absolute; text-align:center; top:130px; width:280px; z-index:2; }
#content { display:none; }
#vertical { background-color:#d1cfcb; height:auto; left:90px; overflow:hidden; position:relative; top:0; width:695px; }
#vertical div.vertical { position:relative; height:460px; }
#vertical div.horizontal { left:0; position:absolute; top:0; z-index:1; }
#vertical div.horizontal div.year { float:left; position:relative; width:695px; }
#vertical div.info { background:url(/career/img/info.png) repeat; min-height:124px; height:auto !important; height:124px; left:326px; padding:20px; position:absolute; top:124px; width:280px; }
#vertical div.top66 { top:66px; }
#vertical div.top96 { top:96px; }
#vertical div.top110 { top:110px; }
#vertical div.top124 { top:124px; }
#vertical div.top132 { top:132px; }
#vertical div.left { left:49px; }

#intro div.intro { right:415px; position:absolute; text-align:right; top:135px; width:280px; z-index:4; }
#timeline div.button { float:right; font:bold 16px Arial, Helvetica, sans-serif; text-align:right; width:134px; }
#timeline div.button a { background:url(/career/img/button.gif) no-repeat top; color:#fff; display:block; height:28px; letter-spacing:-.01em; line-height:28px; padding-right:20px; width:114px; position:absolute; top:128px; right:-420px; }
#timeline div.button a:hover { color:#ddd; background-position:bottom; text-decoration:none; }

/*left navigation for vertical movement*/
ul#verticalNav { height:460px; left:0; position:absolute; top:0; width:90px; }
ul#verticalNav li { cursor:pointer; height:89px; margin-bottom:4px; *margin-bottom:1px; overflow:hidden; padding:0; position:relative; width:90px; }
ul#verticalNav li a { background:rgb(0,0,255) url(/career/img/verticalNav.png) repeat-y right top; color:#fff; display:block; height:89px; overflow:hidden; position:absolute; right:0; text-decoration:none; width:82px; }
ul#verticalNav li a p { font:normal 22px/20px Georgia, "Times New Roman", Times, serif; color:#fff; position:absolute; right:18px; text-align:center; top:13px; width:50px; }
ul#verticalNav li a p.first { font:normal 20px/28px Georgia, "Times New Roman", Times, serif; color:#fff; right:15px; top:15px; width:60px; }
* html ul#verticalNav li a p.first { right:8px; }
ul#verticalNav li a span { font-size:14px; }
ul#verticalNav li.on a { cursor:default; width:90px; }

/*top navigation for horizontal movement*/
ul.horizNav { height:40px; position:absolute; top:0; z-index:2; }
#vertOne ul.horizNav { left:5px; }
#vertTwo ul.horizNav { left:5px; }
#vertThree ul.horizNav { left:5px; }
#vertFour ul.horizNav { left:5px; }
ul.horizNav li { cursor:pointer; display:inline-block; float:left; height:38px; padding:0 1px; position:relative; top:0; }
* + html ul.horizNav li { display:inline; }
ul.horizNav li a { background:url(/career/img/horizNav.png) repeat; color:#fff; display:block; float:left; font:normal 16px/32px Georgia, "Times New Roman", Times, serif; height:32px; padding:0 9px; text-align:center; text-decoration:none; }
ul.horizNav li a:hover, ul.horizNav li.on a { background:#b41601 url(/career/img/horizNav-on.png) repeat-x top; text-decoration:none; }
ul.horizNav li.hidden { display:none; }

/*arrow navigation for next/prev*/
ul.arrowNav { position:relative; top:195px; width:695px; z-index:4; }
ul.arrowNav li { height:33px; position:absolute; width:22px; }
ul.arrowNav li a { background-image:url(/career/img/arrows.png); background-repeat:no-repeat; display:block; height:33px; text-decoration:none; width:22px; }
ul.arrowNav li.prev { left:16px; }
ul.arrowNav li.next { right:16px; }
ul.arrowNav li.prev a { background-position:0 0; overflow:hidden; }
ul.arrowNav li.next a { background-position:-22px 0; overflow:hidden; }
ul.arrowNav li.prev a:hover { background-position:0 -33px; }
ul.arrowNav li.next a:hover { background-position:-22px -33px; }

/* utilities */
.clear { clear:both; height:0; font-size:1px; line-height:0px; } /* clear floats with br */

#rs_playerarea {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #AEAEAE !important;
    font-family: Arial !important;
    font-style: normal !important;
    height: 39px !important;
    line-height: normal !important;
    position: relative !important;
    width: 310px !important;
}