/* General Style */ body { padding:0px; margin:0px; font-size:12px; text-align:center; background:#E6E6E6 url(http://images.traderonline.com/img/eg/design/scutch/revamp2/bg_grays.jpg) repeat-x; } * { font:12px Arial,Helvetica,Sans-serif; } a img{ border:0; } .clear{ clear:both; } .underline{ text-decoration:underline; } /* End General Style */ /********************************************************** Start the "wrappers" All of these wrappers keep the page in line within 1000px **********************************************************/ .topNavWrapper, .wrapper, .seowrapper, .bottomwrapper, #jobdetails, #moreSpotlights { width:1000px; margin:15px auto; text-align:left; } .topNavWrapper{ position:relative; top:-15px; height:145px; background:white url(http://images.traderonline.com/img/eg/design/scutch/revamp2/topbannerbg.gif) repeat-x 0% 0%; } .wrapper, #jobdetails{ *width:1002px; position:relative; top:-20px;*top:-29px; z-index:1; background-color:white; } .wrapper{ *height:690px; *overflow:hidden; } .seoWrapper{ z-index:20; width:680px; float:right; position:absolute; top:614px; right:0px; } /*End of Wrappers*/ /*Start TopNav*/ #egLogo{ float:left; position:relative; top:0px;*top:-1px; left:10px; height:83px; } .pageStatus { color:orange; float:left; font-size:20px; font-family:Verdana; left:330px; position:absolute; top:0px; text-align:center; width:470px; } .pageStatus p{ position:relative; top:-10px; font-style:italic; } .upperRight{ float:right; position:relative; right:10px; } .rightLinks, .rightLinks a{ float:left; color:#588D0B; text-decoration:none; } .rightLinks a:hover{ text-decoration:underline; } #topRM{ position:relative; top:35px; left:70px; } #topRM2{ left:118px; position:absolute; top:313px; width:140px; background-color:white; padding-left:5px; } #topRM2 a{ font-weight:bold; font-size:12px; } .topLinks{ background-color:#535353; border-bottom:6px solid white;*border-bottom:3.5px solid white; clear:both; color:white; height:28px; position:relative; *top:-3px; *padding-top:3px; } #topLinkContainer{ position:relative; left:40px; width:946px; margin:0px auto; list-style-type:none; list-style-image:none; top:-1px; } .topLink{ float:left; width:105px; text-align:center; } ul#topLinkContainer li a{ color:white; text-decoration:none; background:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/navigation.jpg) left center no-repeat; width:105px; display:block; padding:5px 0px; position:relative; top:4px;*top:0px; font-weight:bold; } ul#topLinkContainer li a:hover{ background-position:left bottom; color:white; } ul#topLinkContainer li a.selected{ background-position:left top; color:#535353; font-weight:bold; } #topButtonSearch{ background-color:#535353; height:81px; padding-left:7px; position: relative; } #menu{ position:relative; float:left; top:5px; height:72px; width:405px; *margin-right:5px; } .search{ float:left; width:570px;*width:580px; height:62px;*height:72px; overflow:hidden; padding:5px; background:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/search_bg.jpg) repeat-x; position:relative; top:5px; *left:-3px; } #searchTitle{ font: bold 16px arial; color:#6D9467; position:relative; left:20px; top:-4px; } .search form{ position:relative; top:-9px;*top:-15px; left:20px; } .search input{ border:none; background-image:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/big_field.jpg); font:bold 16px arial; color:#858585; width:150px; height:25px; position:relative; top:-2px; padding:3px 0px 0px 3px; } #searchForm select{ font:bold 16px arial; color:#858585; width:139px; height:23px; position:relative; top:-2px; } #searchButton{ width:99px; height:25px; position:relative; top:5px;*top:2px; *left:-2px; padding:0px; } .undersearch{ float:left; color:#757776; z-index:50; *position:relative; top:-3px; } #keywordEx{ position:relative; } #locationEx{ position:relative; left:100px; } #mapBrowse, #browselink{ position:relative; left:320px; } #mapBrowse a, a#browselink, a.qBrowseLink, .industries a, #applyNowLinks a, .spotText a{ color:#588D0B; text-decoration:none; } #mapBrowse a:hover, a:hover#browselink, a:hover.qBrowseLink, .industries a:hover, #applyNowLinks a:hover, .spotText a:hover{ text-decoration:underline; } /*End TopNav*/ /******************************************************** Start Homepage Content ********************************************************/ /*Round Corner Styles*/ #topLeft{ z-index:2; position:absolute; top:-2px; left:-2px; } #topRight{ z-index:2; position:absolute; top:-2px; right:-2px;*right:-3px; } #bottomLeft{ z-index:2; position:absolute; bottom:-2px;*bottom:-3px; left:-2px; } #bottomRight{ z-index:2; position:absolute; bottom:-2px;*bottom:-3px; right:-2px;*right:-3px; } .topLeft{ z-index:2; position:absolute; top:-2px; left:-2px; } .topRight{ z-index:2; position:absolute; top:-2px; right:-2px; } .bottomLeft{ z-index:2; position:absolute; bottom:-2px; left:-2px; } .bottomRight{ z-index:2; position:absolute; bottom:-2px; right:-2px; } .row{ position:relative; padding:10px; } .row1Left{ position:relative; float:left; width:583px; height:400px; } h1, .panelHeader{ z-index:10; color:orange; position:relative; top:0px;*top:10px; left:60px; font:bold 22px arial; float:left; } .row1Right{ width:388px; height:400px; float:right; *position:relative; top:0px; } #panelNav{ z-index:5; height:30px; width:105px; position:absolute; left:65px;*left:-525px; top:370px; background:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/green_box.gif) no-repeat; } #panelNav a{ padding:2px 6px; color:black; text-decoration:none; background-color:#C7D8C5; position:relative; top:7px; left:12px; margin-left:1px; } #panelNav a:hover{ background-color:white; cursor:pointer; } a.activeSlide{ background-color:white !important; } #page1{ *float:left; position:relative; height:400px; z-index:4; } #page2, #page3, #page4{ display:none; } .panelHeader{ position:absolute; top:12px; left:12px; } .panelText{ float:left; z-index:10; position:absolute; top:113px; right:15px; text-align:left; width:160px; height:250px; line-height:18px; overflow:hidden; } .panelText_page2 { float:left; z-index:10; position:absolute; top:100px; right:10px; text-align:left; width:164px; line-height:16px; overflow:hidden; } .panelText b, .panelText_page2 b { font-weight:bold; } #subHeader{ position:absolute; top:40px; left:60px; } #page3Text{ position: absolute; top: 25px;*top:35px; left: 10px; height:auto; width: 350px; } #applyNowLinks{ position:absolute; top:60px; left:40px; list-style-image:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/applyDot.JPG); } #applyNowBtn{ position:absolute; top:250px; left:60px; } #applyNowBtn1{ position:absolute; top:275px; left:70px; } .altApply{ position:absolute; top:95px; left:350px; z-index:222; } .companyLogo{ position:absolute; top:20px;*top:10px; right:60px; } #hospitalityLogo{ position:absolute; top:20px; left:75px; } .hvjfApply{ position:absolute; top:250px; left:25px; z-index:10; } .spotlightEmps{ *z-index:1; position:relative; float:left; width:380px;*width:381px; height:140px;*height:145px; border:2px solid #C6D2C4; } #viewAllSpots{ position:absolute; bottom:-15px;*bottom:28px; right:10px; } #viewAllSpots a { color:#588D0B; text-decoration:none; } #viewAllSpots a:hover { text-decoration:underline; } .featuredVideos{ *z-index:1; position:relative; top:10px;*top:13px; float:left; width:380px;*width:381px; height:105px; border:2px solid #C6D2C4; } #videoThumbs{ width:350px;*width:370px; margin:10px auto; *position:relative; *top:10px; *margin:-3px auto -5px; overflow:hidden; } .vThumb{ margin:0px 5px; float:left; *position:relative; *left:15px; } .metroSearch, .snipsearch{ *z-index:1; position:absolute; top:282px;*top:275px; right:14px;*right:6px; float:left; width:183px;*width:185px; height:117px; border:2px solid #C6D2C4; } /* jobalert */ #JobAlertSignup { top:-200px; left:-80px; } .jAs{ position:absolute; top:282px;*top:285px; right:210px;*right:215px; width:183px; height:117px; border:2px solid #C6D2C4; z-index:100; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .jAs h3 { color:#6D9467; font:bold 16px arial; margin:0; padding:5px; } #jAIcon{ position:relative; top:20px; left:10px; float:left; cursor:pointer; } #jAText{ position:relative; top:15px;*top:30px; float:right; width:100px; color:#575757; font-weight:bold; } #jAText a{ cursor:pointer; color:#EB0102; text-decoration:none; } #jAText a:hover { text-decoration:underline; } /* end job alert */ #jobSnipLogo{ position:absolute; top:10px; left:8px; } .metroSearchForm, #snippetSearchForm{ background-image:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/FYC_bg.jpg); width:148px; height:75px; position:relative; top:10px; left:18px; } #snippetSearchForm{ background-image:none; } #metroBox, #snippetInput{ border:1px solid #999; position:relative; top:40px; left:10px;*left:20px; width:70px; } #snippetInput{ top:70px; } #metroButton, #snippetButton{ float:right; position:relative; top:10px; left:-10px; } #snippetButton{ top:43px; } .row2{ position:relative; top:10px; left:27px; } .row2 a{ margin-right:25px; } .homeHeaders{ font:bold 16px arial; color:#6D9467; position:relative; top:5px; left:5px; } .row2Left{ width:300px; margin-bottom:230px; } .row2Right{ z-index:20; width:672px; float:right; position:absolute; top:430px; right:14px; overflow:hidden; } .ads{ float:left; width:300px; height:250px; text-align:center; color:white; font-weight:bold; *position:relative; *top:-2px; } .ads img, .ads iframe {float:left;} .carousel{ background:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/black_gray_bg.jpg) repeat-x; *width:675px; } .carouselHeader, .carouselContent{ float:left; height:250px; } .carouselHeader{ width:47px; cursor: pointer; } .carouselHandle{} .carouselContent{ display: none; width: 0px; overflow: auto; background:url(http://images.traderonline.com/img/eg/design/scutch/revamp2/black_gray_bg.jpg) repeat-x; } .contentChild{ overflow:hidden; width:389px; height:245px; } .carouselContent p{ font-size:12px; float:left; position:relative; *top:10px; left:10px; margin: 0px 5px 5px 5px; padding:5px; background-color:#999; color:white; width:352px; height:177px; *height:185px; *margin-bottom:-1px; overflow:hidden; } .contentChild img{ float:left; padding:2px; } .contentChild a{ color:#fff; font-size:12px; font-weight:bold; text-decoration:underline; } .contentChild a:hover{ color:#ccc; font-weight:bold; text-decoration:underline; } /*Extra Spotlights*/ #moreSpotlights{ background-color:white; position:relative; top:-13px;*top:-17px; *width:1000px; } .spotContainer{ width:300px;*width:298px; height:90px; float:left; background-color:#eee; margin:15px;*margin:12px; overflow:hidden; } .spotImg{ width:95px; float:left; } .spotText{ float:left; width:200px; } /*End Extra Spotlights*/ /*Special MSA Based Search Area Styles*/ #quickBrowse{ position:relative; top:-6px; width:990px; text-align:left; margin:0px auto; background-color:white; padding:5px; } #browseLinks{ height: 175px; overflow: auto; border:1px solid #ccc; } #qBrowseTitle.homeHeaders{ top:0px; left:0px; } .rowSet{ width:970px; height:35px; background-color:#eee; } .city{ padding:5px 0px 0px 5px; float:left; width:200px; } .msa{ padding:5px 0px 0px 0px; float:right; width:760px; } #alt{ background-color:white; } /*Industry Browse*/ #industryBrowseHeader{ top:0px; left:0px; border-bottom:1px solid #999; } .industries{ width:247px; *width:237px; float:left; } /******************************************************** End Homepage Content ********************************************************/ /* Start Bottom Nav */ .realmedia{ position:absolute; top:55px; left:60px; } .realmedia img { display:none; } .wah1{ background-color:transparent !important; margin-bottom:20px; } .bottomwrapper { text-align:center; background-color:#fff !important; } .realmediaBottom{ text-align:center; margin:10px auto; width:1000px; } #searchnav_bottom{ width:1000px; } .boxes{ width:830px; margin:0 auto; } .insidebox{ float:left; border:1px solid green; padding:5px; margin:5px; } .headingLink, .copyLink{ font:bold 12px arial; color:green; } a:hover.headingLink , a:hover.copyLink { color:orange; text-decoration:none; } #bottomnav_links{ width:1000px; text-align:left; margin:0 auto; *position:relative; *left:250px; } .bottomlinks{ margin:0 auto; width:480px; text-decoration: none; } .bottomlinks a{ text-decoration: none; } .group{ float:left; text-align:left; padding:10px 0px 10px 15px; } #groupA{ width:140px; } #groupB{ width:159px; } #groupC{ width:130px; } .bottomlinks a{ color:black } .bottomlinks a:hover{ color:black; text-decoration:underline; } .rmAd { width:746px; padding-top:10px; margin:0 auto; *position:relative; *left:-125px; } #copyright_info{ clear:left; float:left; margin:0px auto; width:460px; text-align:center; } /* End Bottom Nav */