/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
/* remember to define focus styles! */
focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Image Replacement */
.imgRep { display:block; text-indent:-9999em; text-decoration:none; float:left; width:1px; height:1px; font-size:1px; line-height:1px; background:#fff url(../img/?.gif) no-repeat; }
.imgRep:hover { background-position:0 -1px; }
.hideMe { display:none}
/* Clearing Floats */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Layout */ /* Note: display:inline used to correct ie double float margin bug */
body, HTML { height:100%; margin-bottom:1px; }
body { background:#fff; color:#000; font-size:68.75%; line-height:1.64em; }
#wrap01 { width:960px; margin:0 auto; text-align:center; background: #400204 url(../../img/recruitment-site/bg-tile.gif) repeat-y top center;}
#wrap02 { width:960px; margin:0; float:left; position:relative; padding:0 0 30px 0; text-align:left; display:inline; background:url(../../img/recruitment-site/page-bg.jpg) no-repeat top center }
#c { float:right; width:700px; min-height:500px; padding:20px 20px; margin:25px 10px 0 0; display:inline; background:#fff url(../../img/c_top_bg.gif) 0 0 no-repeat; position:relative }
#cBot { width:740px; float:right; height:10px; font-size:1px; line-height:1; padding:0; margin:0 10px 0 0; display:inline; background:#fff url(../../img/c_bot_bg.gif) bottom left no-repeat; }
/* Basic global styling */
body, input,
select, text-area { font-family:Arial; }
hr { display:none; }
a { color:#369; }
a:link { color:#369; }
/*a:visited { color:#333; } renable on go-live */
a:focus { color:#363; }
a:hover { color:#f00; }
a:active { color:#900; }
#mainLogo { text-align:left; width:65px; height:61px; padding:19px 0 0 31px; }
#recruit-title { position:absolute; top:55px; right:10px; }
.formline { float:left; }
.fr { float:right; }
.cl { clear:both; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; margin:0 0 -1px 0; }
#accessmenu { height:1px; margin:0 0 -1px 0; }
#accessmenu li { height:1px; float:left; margin:0 0 -1px 0; }
#accessmenu a { height:1px; width:1px; display:block; font-size:0px; line-height:0em; margin:0 0 -1px 0; text-decoration:none; color:#fff; background:#fff; }
/* Images */
.ifl { float:left; background: #fff; border:1px solid #ddd; padding:10px; margin:0 20px 20px 0; display:inline;}
.ifr { float:right; background: #fff; border:1px solid #ddd; padding:10px; margin:0 0 20px 20px; display:inline; }
.ifc { clear:both; display:block; background: #fff; border:1px solid #ddd; padding:10px; margin:20px auto; }
a.fr img, a.formline img { float:none; }
a:hover .ifl, a:hover .ifr, a:hover .ifc { border:1px solid #aeaeae; background:#ffc; }
/* Content */
#c p { margin:0 0 1em 0; font-size: 1em; }
#c acronym, #c abbr { border-bottom:1px dotted #666; }
#c strong, #c b { font-weight: bold; }
#c sup { vertical-align: super; font-size: 0.9em; }
#c sub { vertical-align: sub; font-size: 0.9em; }
#c blockquote { background: #ffffcc; padding:10px; border:1px solid #fff0b2; border-width:1px 0; margin:0 0 10px 0;}
#c blockquote p { margin:0; }
#c dt { font-weight: bold; }
#c code, #c kbd,
#c samp, #c pre { font-family: "Courier New", Courier, monospace }
#c dfn { font-style: italic; }
#c cite { color:#666; margin:4px 0 0 0; font-size:0.95em; }
#c big { font-size:1.2em; }
#c small { font-size:0.9em; }
/* Subnav */
#subnav { padding:10px 0 0 0; float:left; width:210px; margin:15px 0 0 0; text-align:left; color:#fff; display:inline; }
#subnav #back-to-btn { width:192px; height:29px; display:block; margin-left:10px; margin-bottom:20px}
#subnav ul { padding:0 0 10px 0; width:180px; margin-left:20px; }
#subnav ul ul { background-image:none; padding:0; width:160px; }
#subnav li a { color:#fff; text-decoration:none; padding:3px 5px 5px 12px; margin:0; display:block;}
#subnav li a:hover { color:#ffcc00; }
#subnav li.highlighted a { color:#ffcc00; font-weight:bold; background:transparent url(../../img/subnav_arrow.gif) left .9em no-repeat; }
#subnav li.sub { text-align:left; }
#subnav li.sub a { padding:3px 15px 5px 12px; }
#subnav li.sub li a { color:#fff; font-weight:normal; background-image:none; margin:0 0; }
#subnav li.sub li a:hover { color:#ffcc00; }
#subnav li.sub li.highlighted a { color:#fff; font-weight:bold; }
#c #mcd-people { width:215px; height:44px; display:block; text-indent:-9999em; margin:0 0 20px 0; background:url(../../img/recruitment-site/mcdonalds-people.gif) no-repeat 0 0; }
#c #apply-now { width:155px; height:34px; display:block; position:absolute; top:20px; right:20px; background:url(../../img/recruitment-site/apply-now.gif) no-repeat 0 0; text-indent:-9999em}
#c #recruit-slideshow { display:block; position:relative; left:-2px; margin-bottom:20px;}
#c .rec-lcol { width:470px; display:block; float:left}
#c .rec-lcol h1 { color:#cc0000; margin:0 0 .3em 0; font-size:1.64em; font-weight:normal;}
#c .rec-rcol { width:200px; display:block; float:right}
#c .rec-rcol img { border:none}
#c h1 { color:#cc0000; margin:0 0 .3em 0; font-size:1.64em; font-weight:normal; }
#c h2 { color:#cc0000; margin:0 0 .3em 0; font-size:1.64em; font-weight:normal; }
#c h3 { color:#cc0000; margin:0 0 .3em 0; font-size:1.64em; font-weight:normal; }
#c h4 { color:#cc0000; margin:0 0 .3em 0; font-size:1.09em; font-weight: bold; }
#c h5 { color:#cc0000; margin:0 0 .3em 0; font-size:1.09em; font-weight: bold; }
#c h6 { color:#cc0000; margin:0 0 .3em 0; font-size:1.09em; font-weight: bold; }
#c h1 a, #c h2 a, #c h3 a, #c h4 a, #c h5 a, #c h6 a { color:#a50000; text-decoration:none;}
#c h1 a:hover, #c h2 a:hover, #c h3 a:hover, #c h4 a:hover, #c h5 a:hover, #c h6 a:hover { color:#f00; }
/* Content */
#c p { margin:0 0 1em 0; font-size: 1em; }
#c acronym, #c abbr { border-bottom:1px dotted #666; }
#c strong, #c b { font-weight: bold; }
#c sup { vertical-align: super; font-size: 0.9em; }
#c sub { vertical-align: sub; font-size: 0.9em; }
#c blockquote { background-color:#ffffcc; padding:10px; border:1px solid #fff0b2; border-width:1px 0; margin:0 0 10px 0;}
#c blockquote p { margin:0; }
#c dt { font-weight: bold; }
#c code, #c kbd,
#c samp, #c pre { font-family: "Courier New", Courier, monospace }
#c dfn { font-style: italic; }
#c cite { color:#666; margin:4px 0 0 0; font-size:0.95em; }
#c big { font-size:1.2em; }
#c small { font-size:0.9em; }
dl { margin:10px 0; }
dl dt { font-size:1em; font-weight:normal; color:#000; padding:0 0 2px 0px; }
dl dt a { font-weight:normal; color:#000; text-decoration:none; }
dl dt a:hover { color:#f00; }
dl dd { padding:0 0 2px 0px; margin:0 0 5px 0}
#c ul { margin:4px 0 14px 16px; }
#c ul li ul { margin:0 0 7px 16px; }
#c ul li, #c ul ol ul li { line-height:1.545em; list-style: disc; }
#c ol { margin:4px 0 14px 20px; list-style-type: decimal; line-height:1.545em; }
#c ol ol { margin:0 0 2px 20px; list-style-type: lower-roman; }
#c ul ul, #c ol ul { margin:2px 0 4px 0; }
#c ul ol { margin:2px 0 4px 24px; }
#c ul ol li { background:none; padding:0; }
/* Tables */
#c table { border-top: 1px solid #eee; width:100%; margin:0 0 15px 0; border-collapse: collapse;}
#c table caption { font-size:1.4em; padding:10px 0 5px 0; color:#c00;}
#c th, #c td { border-bottom: 1px solid #ddd; padding:4px 10px; }
#c th { background: #A00303; color:#fff; font-size:1.1em; }
#c th:hover { background:#c00; }
#c tr:hover td, .over { background:#ffc; color:#c00; }
.odd, .alt { background:#eee; }
#c table img { display: block; }
/* Forms */
.cform fieldset { border:1px solid #f9a200; padding:10px; margin:0 0 10px 0; width:678px; }
.cform legend { color:#fff; font-size:1.2em; padding:1px; border:1px solid #f9a200; }
.cform legend strong { display:block; padding:4px 10px; background:#fab500 url(../img/legend-bg.png) repeat-x bottom; }
#c .cform .formline { clear:both; min-height:20px; width:678px; border-top:1px solid #e5e5e5; margin:0; padding:0; }
#c #formintro { font-weight: bold; border:0; background:#FFCC00; padding:5px 0 5px 0; margin:5px 0; }
#c #formintro span { padding:0 10px; }
.finp label, .fsel label, .fradlist label, .frad label, .frad .groupQuestion, .fradlist .groupQuestion { display:block; float:left; text-align:right; width:190px; padding:6px 10px 6px 0; margin:0 5px 0 0; }
.frad .groupQuestion:hover, .fradlist .groupQuestion:hover { background:none}
.finp input { outline:2px solid #EEE; margin:4px 0; font-size:1em; padding:2px 4px; border:1px solid #ccc; }
.finp textarea { outline:2px solid #EEE; margin:4px 0; font-size:1.2em; padding:2px 4px; border:1px solid #ccc; font-family:Arial; }
.fsel select { outline:2px solid #EEE; margin:4px 0; font-size:1em; padding:2px; border:1px solid #ccc; }
.inhlp { display:block; padding:2px 0 4px 205px; color:#666; }
.fradhorz { display:block; float:left; width:440px; padding:6px 10px 2px 0; margin:0 5px 0 0; }
.fradhorz label { width:auto; margin:0; padding:0; }
#c .fradhorz input { display:block; float:left; margin:2px 15px 0px 5px; width:15px; border:0; background:none; }
#c .fradlist ul { display:block; float: left; margin:4px 0 4px 0; }
#c .fradlist ul li { list-style:none; margin:0; padding:0; clear:both; }
#glass #c .fradlist li, #elec #c .fradlist li, #paper #c .fradlist li, #poly #c .fradlist li , #other #c .fradlist ul li { list-style-image:url(../img/blank.png); }
#c .fradlist li label { text-align: left; padding:4px 0 0 0; margin:0; display: block }
#c .fradlist input { display:block; float:left; margin:5px 5px 5px 0; width:15px; border:0; background:none; }
.button { background:#ffffcc; border:1px solid #fff0b2; padding:5px; }
.button input { font-size:1em; }
.info, .tandc { border-top:1px solid #ddd; padding:5px; clear:both; }
#c .cform .tandc p { border: 0; }
.cform p:hover, .button:hover, .cform .radiolisting:hover { background:#ffc; }
.cform input:focus, .cform select:focus, .sinput:focus, .cform textarea:focus { outline:2px solid #fff0b2; border:1px solid #FFCC00; }
.error { display:block; margin:0 0 20px 0; padding:10px 20px 0px 35px; background:#ffffcc url(../../img/recruitment-site/warning-icon.gif) no-repeat 5px 8px; border:1px solid #fff0b2; color:#cc0000; line-height:1.2; font-size:1.125em !important;}
.error p { margin:0 0 8px 0 !important;}
.error ul { margin:0 0 8px 15px !important;}
.information { display:block; margin:0 0 20px 0; padding:10px 20px 2px 35px; background:#ffffcc url(../../img/recruitment-site/info-icon.gif) no-repeat 5px 8px; border:1px solid #fff0b2; color:#000369; line-height:1.2; font-size:1.125em !important;}
.information p { margin:0 0 8px 0 !important;}
.information ul { margin:0 0 8px 15px !important;}
.confirm { display:block; margin:0 0 20px 0; padding:10px 20px 0px 35px; background:#ffffcc url(../../img/recruitment-site/ok-icon.gif) no-repeat 5px 8px; border:1px solid #fff0b2; color:#2b8355; line-height:1.2; font-size:1.125em !important;}
.confirm p { margin:0 0 8px 0 !important;}
.confirm ul { margin:0 0 8px 15px !important;}
.recruitment { position:relative}
.recruitment .people-login { display:block; position:absolute; top:35px; right:20px; width:240px;}
.recruitment .people-login p { line-height:1.3; text-align:right}
.recruitment .people-login p a { font-weight:bold}
#inline-nav { display:block; margin:10px 0; padding:5px 0px; background:#dedede url(../../img/recruitment-site/inline-nav-bg.gif) repeat-x 0 0; border:1px solid #dddddd}
#inline-nav ul { margin:0; padding:0; list-style:none}
#inline-nav ul li { list-style:none; display:inline; line-height:1; margin:0 0 0 12px; padding-right:12px; border-right:1px solid #000}
#inline-nav ul li.lastlink { border:none !important; padding-right:0px !important; margin-right:0;}
#inline-nav ul li a { font-weight:bold}
#inline-nav ul li a:link, #inline-nav ul li a:active, #inline-nav ul li a:visited { color:#000; text-decoration:none}
#inline-nav ul li a:hover { color:#000; text-decoration:underline}
.half-width { width:372px}
/* Search */
.sform { background: #ffffcc; border:1px solid #fff0b2; border-width:1px 0; }
#c .sform p { padding:10px; margin:0; }
.sform label { float:left; padding:2px 10px 6px 0; margin:0 5px 0 0; display:inline; }
.sinput { outline:2px solid #fff0b2; width:200px; font-size:1em; padding:2px 4px; border:1px solid #ccc; }
.advs { margin:0 0 0 10px; padding:0 0 0 18px; background:url(../img/search-icon.png) no-repeat; }
.sbut { font-size:1em; }
.sinput:focus { outline:2px solid #fff0b2; border-color:#FFCC00; }
/* Footer */
#footer { background:transparent url(../../img/footer_bg.png) repeat 0 0; color:#ac6702; font-size:.818em; float:left; clear:both; width:920px; margin:10px 10px 0 10px; padding:10px; display:inline; }
#footer a:hover { text-decoration:underline; }
#footer li a { color:#ac6702; text-decoration:none; }
#fpara_fl { float:left; width:54%; }
#fpara_fr { float:right; text-align:right; width:40%; }
#fmenu_fl { float:left; clear:left; width:54%; }
#fmenu_fr { float:right; text-align:right; width:40%; }
#footer li { list-style: none; display:inline; border-right:1px solid #ac6702; padding:0 5px 0 0; margin:0 0 0 5px; }
#fmenu_fl li { margin:0 5px 0 0; }
#footer .last { border:none; padding:0; }
/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/*
Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/
.sIFR-replaced > div { display: none !important; }
/* Recruitment site */
.sIFR-active #c .rec-lcol h1 { visibility: visible; font-family: Verdana; font-size:18px; line-height:18px; }