html, form, body{margin:0; padding:0;}
body{background:#e5e5e5; text-align:center; font-family:Arial, helvetica, Sans-Serif; font-size:12px; line-height:16px;}

a:link, a:visited, a:active{text-decoration: underline; color:#353567;}
a:hover{text-decoration: none; color:#353567;}
.clear{clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;width: 0;}
img, a{outline: none;border: none;}
p{margin:0 0 15px 0; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#585950; line-height:14px;}

h3{padding:0 0 15px 0; margin:0; font-weight:normal; color:#009ddc; font-family:Interstate, Arial, Helvetica, Sans-Serif; font-size:24px; line-height:24px; display:block; clear:both;}
h5{margin:0 0 15px 0; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#585950; line-height:14px; font-weight:bold; padding:0;}

.blueTitle{color:#009ddc; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:20px; }
.whiteText{color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;line-height:14px;text-decoration:none;}

.inputTxt{color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;text-decoration:none;width:175px;}

/* Layout Styles */
#wrapper{background:#fff; text-align:left; width:990px; margin:30px auto 0;}

#header{background:#fff url(images/headerBG.gif) no-repeat left top; height:113px; display:block; clear:both;}
#header h1{margin:0; padding:0;}
#header h1 a{display:block; clear:both; padding:26px 0 0 33px; float:left;}

#NavWrap{display:block; clear:both; height:41px; background:url(images/navBG.gif) repeat-x left top;}
#NavWrap ul.nav{margin:0; padding:0; float:left; display:block;}
#NavWrap ul.nav li{margin:0; padding:0; display:block; float:left;}
#NavWrap ul.nav li a{padding:0; text-align:center; display:block; text-transform:uppercase; font-family:'Arial narrow', helvetica, Sans-Serif; font-size:14px; line-height:25px; font-weight:bold; outline:none; text-indent:-9999px; background-image:url(images/navStrip.gif); background-repeat:no-repeat;}

#NavWrap ul.nav li.HarpoCareersHomeLink a{width:197px;}
#NavWrap ul.nav li.HarpoCareersHomeLink a:link,
#NavWrap ul.nav li.HarpoCareersHomeLink a:visited,
#NavWrap ul.nav li.HarpoCareersHomeLink a:active{background-position:0 0;}
#NavWrap ul.nav li.HarpoCareersHomeLink a:hover{background-position:0 -25px;}

#NavWrap ul.nav li.OurBusinessesLink a{width:147px;}
#NavWrap ul.nav li.OurBusinessesLink a:link,
#NavWrap ul.nav li.OurBusinessesLink a:visited,
#NavWrap ul.nav li.OurBusinessesLink a:active{background-position:-197px 0;}
#NavWrap ul.nav li.OurBusinessesLink a:hover{background-position:-197px -25px;}

#NavWrap ul.nav li.HowWeHireLink a{width:121px;}
#NavWrap ul.nav li.HowWeHireLink a:link,
#NavWrap ul.nav li.HowWeHireLink a:visited,
#NavWrap ul.nav li.HowWeHireLink a:active{background-position:-344px 0;}
#NavWrap ul.nav li.HowWeHireLink a:hover{background-position:-344px -25px;}

#NavWrap ul.nav li.ComeWorkwithUsLink a{width:173px;}
#NavWrap ul.nav li.ComeWorkwithUsLink a:link,
#NavWrap ul.nav li.ComeWorkwithUsLink a:visited,
#NavWrap ul.nav li.ComeWorkwithUsLink a:active{background-position:-465px 0;}
#NavWrap ul.nav li.ComeWorkwithUsLink a:hover{background-position:-465px -25px;}

#NavWrap ul.nav li.InternshipsLink a{width:119px;}
#NavWrap ul.nav li.InternshipsLink a:link,
#NavWrap ul.nav li.InternshipsLink a:visited,
#NavWrap ul.nav li.InternshipsLink a:active{background-position:-638px 0;}
#NavWrap ul.nav li.InternshipsLink a:hover{background-position:-638px -25px;}

#NavWrap .retUsersLink{display:block; float:right; width:186px;}
#NavWrap .retUsersLink a.retUsers{display:block; width:186px; text-indent:-9999px; background-image:url(images/ReturningUsersLink.gif); background-repeat:no-repeat; line-height:25px;}
#NavWrap .retUsersLink a.retUsers:link,
#NavWrap .retUsersLink a.retUsers:active,
#NavWrap .retUsersLink a.retUsers:visited{ background-position: 0 0;}
#NavWrap .retUsersLink a.retUsers:hover{ background-position: 0 -25px;}

/* Nav Selected State */
#CareersHomeForm #NavWrap ul.nav li.HarpoCareersHomeLink a{background-position:0 -25px;}
#ourbusinessform #NavWrap ul.nav li.OurBusinessesLink a{background-position:-197px -25px;}
#HowWeHireform #NavWrap ul.nav li.HowWeHireLink a{background-position:-344px -25px;}
#ComeWorkWithUsform #NavWrap ul.nav li.ComeWorkwithUsLink a{background-position:-465px -25px;}
#internshipform #NavWrap ul.nav li.InternshipsLink a{background-position:-638px -25px;}
/* ------------------ */

#contentWrap{display:inline-block; clear:both; padding:0 0 0 9px; height:402px;}

#LeftWrap{width:646px; float:left; margin:0 10px 0 0;}
.MainContent{background:url(images/cntBG.gif) no-repeat left top; width:646px; height:402px;}
h2.pageTitle{line-height:68px; height:68px; padding:0 0 0 20px; margin:0; font-weight:normal; color:#fff; font-family:Interstate, Arial, Helvetica, Sans-Serif; font-size:34px; display:block; clear:both;}
.MainContent .pageCnt{display:inline-block; clear:both; margin:20px 0 0 17px; width:610px;}

#RightWrap{width:316px; float:left; margin:0 0 0 0;}

#footer{display:inline-block; clear:both; width:990px; padding:45px 0 35px 0; text-align:center;}
#footer p{margin:0; line-height:17px; font-size:10px; color:#58595b;}
#footer a:link,
#footer a:active,
#footer a:visited{text-decoration:underline; color:#00a0de;}
#footer a:hover{text-decoration:none; color:#58595b;}

/* Fun Facts & Hot Opps */
.hotOpportunities{display:inline-block; clear:both; margin:10px 0 0 0; background:#f8981d url(images/harpo-fun-top.gif) no-repeat left top; padding:10px 0 0 0;width:316px; line-height:18px;}
.hotOpportunities .padd{padding:0 11px; height:131px;}
h3.recentOpportunitiesTxt{margin:0; padding:0; display:block; clear:both; line-height:33px; background:url(images/recent_home_oppor.gif) no-repeat left top; text-indent:-9999px;}
.orngBtm{background: url(images/harpo-fun-bottom.gif) no-repeat left bottom !important; display:block; clear:both;overflow:hidden; line-height:10px;}

.videoTran { background-color:#eaf4fa;border-top:1px solid #6fb7df;	border-bottom:1px solid #6fb7df;	padding:0 10px;}
.videoTran p {	color:#000000;}
#videoTrans,#switchVideo01{ display:none;}

/* Our Businesses */
.tabWrap {width:646px;}
.tabTop { line-height:19px;background: url(images/tab-top.gif) no-repeat left top;}
.tabCont { background: url(images/tab-cont.gif) repeat-y left top;}
.tabBot { line-height:8px; height:8px;background: url(images/tab-bot.gif) no-repeat left bottom;}

#tabs{height:375px; }
#tabs ul{ padding:0; margin:0;}
#tabs ul li{ list-style:none; margin:0; padding:0; }

#tabs ul li a{padding:0 0 0 15px; font-family:arial; font-size:13px; display:block; line-height:28px; height:28px;}
#tabs ul li a:link,
#tabs ul li a:active,
#tabs ul li a:visited{color:#FFF;text-decoration:none;}

#tabs ul li a:hover{background:url(images/tab-hov.gif) no-repeat left top;color:#009ddc;text-decoration:none;}
#tabs ul li.ui-tabs-selected a,
#tabs ul li.ui-state-active a:link,
#tabs ul li.ui-state-active a:active,
#tabs ul li.ui-state-active a:visited,
#tabs ul li.ui-state-active a:hover{background:url(images/tab-hov.gif) no-repeat left top;color:#009ddc;text-decoration:none;}

#tabs ul li a.oprahWinfrey{height:38px;line-height:18px;}
#tabs ul li a.oprahWinfrey:link,
#tabs ul li a.oprahWinfrey:active,
#tabs ul li a.oprahWinfrey:visited{color:#FFF; text-decoration:none;}

#tabs ul li a.oprahWinfrey:hover{background:url(images/tab-hov-1.gif) no-repeat left top;text-decoration:none; color:#009ddc;}
#tabs ul li.ui-tabs-selected a.oprahWinfrey,
#tabs ul li.ui-state-active a.oprahWinfrey:link,
#tabs ul li.ui-state-active a.oprahWinfrey:active,
#tabs ul li.ui-state-active a.oprahWinfrey:visited,
#tabs ul li.ui-state-active a.oprahWinfrey:hover{background:url(images/tab-hov-1.gif) no-repeat left top;text-decoration:none; color:#009ddc;}

ul.films {font-family:Verdana,Geneva,sans-serif; font-size:11px; padding:0; margin:0 0 15px 15px !important; }
ul.films li{ background:url("images/Bullet.jpg") no-repeat scroll left 4px; color:#585950; padding:0px 15px !important; line-height:14px; margin:0; list-style-type:none;}

.tabsLeft{ width:215px; float:left; margin:0 20px 0 0; display:block;}
.tabsRightWrap{ width:400px; float:left; padding:0; display:block;}
.tabsRight{ height:370px; overflow-y:auto; overflow-x:hidden; display:block; clear:both;}

.ui-tabs-hide { display: none; }

/* Come Work With Us */
.leftCntWrap{  width:179px; float:left; text-align:right;}
.rightCntWrap{ width:410px; float:right; padding:0; display:block;}
.rightContent{ height: 292px; overflow:auto; display:block; clear:both;}

.cwrTabsLeft ul { padding:0; margin:10px 0 0 0;}
.cwrTabsLeft ul li{ list-style:none; margin:0; padding:0; }
.cwrTabsLeft ul li a{ font-family:Arial,Helvetica,sans-serif;;font-size:13px;line-height:20px;padding:0 15px 0 0;}
.cwrTabsLeft ul li a:link,
.cwrTabsLeft ul li a:active,
.cwrTabsLeft ul li a:visited{color:#ccc;text-decoration:none;}
.cwrTabsLeft ul li a:hover{color:#009cd3;text-decoration:none;}
.cwrTabsLeft ul li.ui-tabs-selected a,
.cwrTabsLeft ul li.ui-state-active a:link,
.cwrTabsLeft ul li.ui-state-active a:active,
.cwrTabsLeft ul li.ui-state-active a:visited,
.cwrTabsLeft ul li.ui-state-active a:hover{background:url(images/arrow.b.gif) no-repeat right 3px;color:#009cd3;text-decoration:none;padding:0 15px 0 0;}


/* Page Titles */
#HowWeHireform h2.pageTitle{text-indent:-9999px; background:url(images/HowWeHire_txt.gif) no-repeat 20px 20px;}
#ComeWorkWithUsform h2.pageTitle{text-indent:-9999px; background:url(images/ComeWorkWithUs_txt.gif) no-repeat 20px 20px;}
#internshipform h2.pageTitle{text-indent:-9999px; background:url(images/Internships_txt.gif) no-repeat 20px 20px;}
#careersearchresults h2.pageTitle{text-indent:-9999px; background:url(images/CareerSearchResults_txt.gif) no-repeat 20px 20px;}
#JobDescriptionform h2.pageTitle{text-indent:-9999px; background:url(images/JobDescription_txt.gif) no-repeat 20px 20px;}
#PrivacyPolicyForm h2.pageTitle{text-indent:-9999px; background:url(images/PrivacyPolicy_txt.gif) no-repeat 20px 20px;}
#TrademarksForm h2.pageTitle{text-indent:-9999px; background:url(images/Trademarks_txt.gif) no-repeat 20px 20px;}
#RSSForm h2.pageTitle{text-indent:-9999px; background:url(images/RSS_txt.gif) no-repeat 20px 20px;}

/* Content Titles */
h3.h3howWeHire{text-indent:-9999px; background:url(images/how-we-hire.gif) no-repeat left top;}
h3.h3whatToExpect{text-indent:-9999px; background:url(images/what-to-expect.gif) no-repeat left top;}
h3.h3Benefits{text-indent:-9999px; background:url(images/benifits.gif) no-repeat left top;}
h3.h3AboutChicago{text-indent:-9999px; background:url(images/about-chicago.gif) no-repeat left top;}


/* RSS Links */
ul.rssLinks{margin:0 0 15px 0; padding:0; display:inline-block;}
ul.rssLinks li{padding:0; margin:0 20px 0 0; display:block; float:left; width:170px;}
ul.rssLinks li a{display:inline-block; line-height:25px; background:url(images/Rss_icon.jpg) no-repeat 0 7px; padding:0 0 0 17px; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
ul.rssLinks li a:link,ul.rssLinks li a:visited,ul.rssLinks li a:active{ text-decoration: none;}
ul.rssLinks li a:hover{ text-decoration:underline;}

/* Search results */
.gridTxt{color:#585950; font-size:11px; line-height:17px; padding:0 0 0 18px; font-family:Verdana,Arial,Helvetica,sans-serif;}
a.gridTxt:link,
a.gridTxt:active,
a.gridTxt:visited{color:#585950; text-decoration:none;}
a.gridTxt:hover{color:#585950; text-decoration:underline;}

.tblHeader{color:#fff; font-size:12px; line-height:30px; padding:0; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; }
.ArwImg{float:left; display:block;}
.jobDesctxt{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#fff; line-height:15px; font-weight:bold;}

/* Search Widget */
.careerSearchWidget{background: #c1d82f url("images/harpo-career-top.jpg") no-repeat left top; padding:10px 10px 0 12px; display:inline-block; clear:both;}
.careerSearchWidget p{margin:0 0 12px 0;}
.careerSearchWidget h3.careerSearchTxt{margin:0; padding:0; font-size:20px; line-height:34px; display:block; text-indent:-9999px; background:url(images/harpo_careersearch.jpg) no-repeat left top;}
.careerBottom{line-height: 10px;width: 316px;background: url("images/harpo-career-bottom.jpg");}
.alt{ display:none;}