/* JavaScript Style*/
.js{z-index:100;display:none;}
.preload{display:none;}

/* flash styles */
.flashHTML, .flashBody { height: 100%; overflow: hidden; }
.flashBody { background: #fff; font: 76% Arial, sans-serif; margin: 0; }
.flashSiteWrap { height: 100%; }

/* non-flash site redefinitions */
html.noflash, body.noflash { font: .9em Arial, sans-serif; margin: 0; color: #333; background: url(/img/html/body_bg.gif) #000; }

strong { font-weight: bold; }

dd { margin: 0 0 0 10px; }

#siteWrap.noflash { width: 960px; margin: 10px auto;}

#placeholderTopNav { height: 90px; }

#topnavsWrap { position: absolute; top: 11px; width: 960px; }
#topnavs { padding: 15px 14px 50px 15px; background-color: #fff; font-weight: bold; font-size: 1.1em; }
#topnavs a, #topnavs a:visited, #topnavs a:active { color: #333; text-decoration: none; }
#topnavs #groupTwoNav a.Sel { color: #9c3; }
#topnavs #groupTwoNav a:hover { color: #9c3; }
#topnavs #groupTwoNav strong { color: #9c3; }

/* top nav mouseovers */
a#topnavWork {width: 33px; height: 15px; background-image: url(/img/html/nav/topnav_work.gif); background-repeat: no-repeat; text-indent: -2000px; display: block;}
a#topnavIdeas {width: 34px; height: 15px; background-image: url(/img/html/nav/topnav_ideas.gif); text-indent: -2000px; display: block;}
a#topnavOfferings {width: 57px; height: 15px; background-image: url(/img/html/nav/topnav_offerings.gif); text-indent: -2000px; display: block;}
a#topnavCompany {width: 57px; height: 15px; background-image: url(/img/html/nav/topnav_company.gif); text-indent: -2000px; display: block;}
a#topnavCareers {width: 48px; height: 15px; background-image: url(/img/html/nav/topnav_careers.gif); text-indent: -2000px; display: block;}
a#topnavNews {width: 34px; height: 15px; background-image: url(/img/html/nav/topnav_news.gif); text-indent: -2000px; display: block;}
a#topnavPartners {width: 53px; height: 15px; background-image: url(/img/html/nav/topnav_partners.gif); text-indent: -2000px; display: block;}
a#topnavReachUs {width: 55px; height: 15px; background-image: url(/img/html/nav/topnav_reach_us.gif); text-indent: -2000px; display: block;}
a#topnavWork:hover, .on a#topnavWork, a#topnavIdeas:hover, .on a#topnavIdeas, a#topnavOfferings:hover, .on a#topnavOfferings, a#topnavCompany:hover, .on a#topnavCompany, a#topnavCareers:hover, .on a#topnavCareers, a#topnavNews:hover, .on a#topnavNews, a#topnavPartners:hover, .on a#topnavPartners, a#topnavReachUs:hover, .on a#topnavReachUs { background-position: 0 -15px; }

#siteLogo { float: right; width: 116px; height: 30px;  }
#siteLogo a { margin:0; padding: 0; position: relative; width: 116px; height: 24px; overflow: hidden; }
#siteLogo a span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 116px; height: 24px; margin: 0; padding: 0; background: url(/img/html/razorfish_logo.gif) no-repeat; }

a, a:visited, a:active { color: #f63; text-decoration: none; }
a:hover { text-decoration: underline }

/* link & header color changes based on section */
#workSection a { color: #f63; } 
#workSection #inPageNav a:hover { color: #f63; }
#workSection #inPageNav a.Sel { color: #f63; }
#workSection #inPageNav .IPNheader { color: #f63; }
#workSection #inPageNav strong { color: #f63; }
#topnavs a.workSel { color: #f63; }
#topnavs a.work:hover { color: #f63; }
#topnavs strong.work { color: #f63; }

#ideasSection a { color: #39f; } 
#ideasSection #inPageNav a:hover { color: #39f; }
#ideasSection #inPageNav a.Sel { color: #39f; }
#ideasSection #inPageNav .IPNheader { color: #39f; }
#ideasSection #inPageNav strong { color: #39f; }
#topnavs a.ideasSel { color: #39f; }
#topnavs a.ideas:hover { color: #39f; }
#topnavs strong.ideas { color: #39f; }

#offeringsSection a { color: #f39; } 
#offeringsSection #inPageNav a:hover { color: #f39; }
#offeringsSection #inPageNav a.Sel { color: #f39; }
#offeringsSection #inPageNav .IPNheader { color: #f39; }
#offeringsSection #inPageNav strong { color: #f39; }
#topnavs a.offeringsSel { color: #f39; }
#topnavs a.offerings:hover { color: #f39; }
#topnavs strong.offerings { color: #f39; }

#companySection a { color: #9c3; } 
#companySection #inPageNav a:hover { color: #9c3; }
#companySection #inPageNav a.Sel { color: #9c3; }
#companySection #inPageNav .IPNheader { color: #9c3; }
#companySection #inPageNav strong { color: #9c3; }

/* iCIMS pages */
#careersSection .careersForm { border: 10px solid #f2f2f2; margin-top: 6px; }
#careersSection #careersLeftBlurb {background-color:#FFF; padding: 5px;}
#careersLeftBlurb h3 { background: url(/img/html/careers_left_welcome.gif); width:76px; height:12px; margin: 10px; }
#careersLeftBlurb p { margin: 10px; }
#careersLeftBlurb h3 span { display:none; }
#careersSection .iCIMS_SubHeader, #careersSection .iCIMS_Header {font-weight: bolder; color: #666; background-color: #f2f2f2; padding: 3px;}
#careersSection .iCIMSContent { color: #666; }
#careersSection .iCIMSContent input, #careersSection .iCIMSContent select, #careersSection .iCIMSContent textarea { color: #000; margin: 4px; }
#careersSection .iCIMSContent a { color: #666; text-decoration: underline; }
#careersSection .iCIMS_JobsTableHeader {background-color: #f2f2f2; font-weight: bolder;}
#careersSection .iCIMS_JobsTableEven {background-color: #f2f2f2;}
.iCIMS_InfoData_JobSearch { text-align: left; }

#careersSection a { color: #9c3; } 
#careersSection #inPageNav ul {text-align: right;}
#careersSection #inPageNav a { font-size: 80%; color: #999; }
#careersSection #inPageNav a:hover { color: #9c3; }
#careersSection #inPageNav a.Sel { color: #9c3; }
#careersSection #inPageNav .IPNheader { color: #9c3; }
#careersSection #inPageNav strong { color: #9c3; }

#newsSection a { color: #9c3; } 
#newsSection #inPageNav a:hover { color: #9c3; }
#newsSection #inPageNav a.Sel { color: #9c3; }
#newsSection #inPageNav .IPNheader { color: #9c3; }
#newsSection #inPageNav strong { color: #9c3; }

#partnersSection a { color: #9c3; } 
#partnersSection #inPageNav a:hover { color: #9c3; }
#partnersSection #inPageNav a.Sel { color: #9c3; }
#partnersSection #inPageNav .IPNheader { color: #9c3; }
#partnersSection #inPageNav strong { color: #9c3; }

#reach-usSection a { color: #9c3; } 
#reach-usSection #inPageNav a:hover { color: #9c3; }
#reach-usSection #inPageNav a.Sel { color: #9c3; }
#reach-usSection #inPageNav .IPNheader { color: #9c3; }
#reach-usSection #inPageNav strong { color: #9c3; }

/* special -> faking leftnav for press releases, which are not listed in site structure XML */
#pressreleasesSection a { color: #9c3; } 
#pressreleasesSection #inPageNav a:hover { color: #9c3; }
#pressreleasesSection #inPageNav a.Sel { color: #9c3; }
#pressreleasesSection #inPageNav .IPNheader { color: #9c3; }
#pressreleasesSection #inPageNav strong { color: #9c3; }

.clearboth { clear: both; }

#jumpToNav { display: none; }

/* group one (top left) nav */
#groupOneNav { float: left; width: 275px; }
#groupOneNav li { float: left; margin: 0 15px 0 0; }

/* group two (top right) nav */
#groupTwoNav { float: left; }
#groupTwoNav li { float: left; margin: 0 15px 0 0; }

/* in-page navigation (left nav) */
#inPageNavWrap { float: left; width: 275px; }
/* hack for iCIMS pages */
*html #careersSection #inPageNavWrap { float: left; width: 274px; }
#inPageNav { background: #fff; margin: 0 0 0 70px; padding: 15px 15px 0 15px; font-size: 1.2em; }
#inPageNav .IPNheader { display: block; font-weight: bold; }
#inPageNav ul { margin: 0 0 0 10px; font-size: .9em; font-weight: bold; }
#inPageNav ul li { margin: 2px 0; }
#inPageNav ul li ul { font-weight: normal; }
#inPageNav a, #inPageNav a:visited, #inPageNav a:active { color: #333; }

/* footer styles */
.Footer { background: #fff; color: #999; font-size: .8em; padding: 15px; }
.Footer a, .Footer a:visited, .Footer a:active { color: #666 !important; margin: 0 0 0 10px; }
.Footer a:hover { color: #000; }

#pageContentWrap { float: right; width: 685px; min-height: 525px; }
#pageContent { margin: 0 100px 0 0; }

/* PAGE CONTENT BUILDER TEMPLATES */

.noResults { display: block; padding: 15px 15px 200px 15px; font-weight: bold; }

.ArticleList { background: #fff; padding: 15px; min-height: 250px; }
.ArticleList dl {  }
.ArticleList dt { font-weight: bold; font-size: 1.1em;  }
.ArticleList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.ArticleList dd.last { border-bottom: none; padding: 0; margin: 0; }
.ArticleList abbr { }

.AwardList { background: #fff; padding: 15px; min-height: 250px; }
.AwardList dl {  }
.AwardList dt { font-weight: bold; font-size: 1.1em; margin: 0 0 10px 0; }
.AwardList dd { margin: 0 0 10px 0; }
.AwardList .header { display: block; }
.AwardList .subheader { display: block; color: #999; }
.AwardList hr { height: 1px; color: #ccc; background-color: #ccc; border: none; margin: 10px 0; }

.BasicList { background: #fff; }
.BasicList h1 { font-size: 1.2em; font-weight: bold; padding: 15px 0 0 15px; }

.BasicTextPage { background: #fff; padding: 15px; min-height: 250px; }
.BasicTextPage h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.BasicTextPage p { margin: 0 0 10px 0; }

/* sitemap is a special alternate of BasicTextPage */
	.SiteMap { background: #fff; padding: 15px; min-height: 250px; }
	.SiteMap h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
	.SiteMap a, #inPageNav a:visited, #inPageNav a:active { text-decoration: none; color: #333; }
	.SiteMap a:hover { color: #f60; }
	
	.SiteMap ul { margin: 0 0 10px 0; }
	.SiteMap ul ul ul { margin: 0 0 10px 10px; }
	.SiteMap ul li { margin: 2px 0; }
	.SiteMap ul li { font-weight: bold; font-size: 1.1em }
	.SiteMap ul li ul li { font-size: 1em; font-weight: bold; }
	.SiteMap ul li ul li ul li { font-size: 1em; font-weight: normal; }
	.SiteMap ul li ul li ul li ul li { font-size: .9em; }
	.SiteMap ul li ul li ul li ul li ul li { font-size: .9em; }

.BlogList { background: #fff; padding: 15px; min-height: 250px; }
.BlogList dt { font-weight: bold; font-size: 1.1em; margin: 0 0 10px 0; }
.BlogList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.BlogList dd.last { border-bottom: none; padding: 0; margin: 0; }

.ContactsList { background: #fff; padding: 15px; min-height: 250px; }
.ContactsList dl {  }
.ContactsList dt { font-weight: bold; font-size: 1.1em; }
.ContactsList dd { margin: 0 0 10px 0; }
.ContactsList .name { display: block; }
.ContactsList .phone { display: block; }
.ContactsList a { display: block }

.EventList { background: #fff; padding: 15px; min-height: 250px; }
.EventList dl {  }
.EventList dt { font-weight: bold; font-size: 1.1em;  }
.EventList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.EventList dd.last { border-bottom: none; padding: 0; margin: 0; }
.EventList abbr { }
.EventList a { display: block; }

.Home { background: #fff; padding: 15px; min-height: 250px; }
.Home ul {  }
.Home li { margin: 0 0 10px 0; }
.Home .relLinks .header {display: none; }

.LeaderList dl { background: #fff; padding: 15px; min-height: 250px; }
.LeaderList dt { font-weight: bold; font-size: 1.1em; }
.LeaderList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.LeaderList dd.last { border-bottom: none; padding: 0; margin: 0; }

.NewsletterList { background: #fff; padding: 15px; min-height: 250px; }
.NewsletterList dt { font-weight: bold; font-size: 1.1em; margin: 0 0 10px 0; }
.NewsletterList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.NewsletterList dd.last { border-bottom: none; padding: 0; margin: 0; }

.OfficePage { background: #fff; padding: 15px; min-height: 250px; }
.OfficePage h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.OfficePage p { margin: 0 0 10px 0; }
.OfficePage .addressline1 { display: block; }
.OfficePage .addressline2 { display: block; }
.OfficePage .addressline3 { display: block; }
.OfficePage .phone { display: block; }
.OfficePage .fax { display: block; }
.OfficePage a { display: block; }
.OfficeContacts dl {  }
.OfficeContacts dt { font-weight: bold; font-size: 1em;  }
.OfficeContacts dd { margin: 0 0 10px 0; }

/* OfficePageContacts is (WAS AS OF 4/28/08) a sub-builder of OfficePage 
	.OfficePageContacts dl {  }
	.OfficePageContacts dt { font-weight: bold; font-size: 1em;  }
	.OfficePageContacts dd { margin: 0 0 10px 0; }
	.OfficePageContacts abbr { display: block; }
	.OfficePageContacts .subtitle{ display: block; }
	.OfficePageContacts a { display: block; }
*/

.Overview { background: #fff; padding: 15px; min-height: 250px; }
.Overview h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.Overview h2 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; }
.Overview p { margin: 0 0 10px 0; }
.Overview a.moreLink { display: block; margin: 10px 0; }
.Overview ul { margin: 0 0 10px 10px; }
.Overview li { margin: 0 0 0 10px; list-style-type: disc; }
.Overview div.relLinks {  }
.Overview div.relLinks .header { display: block; font-weight: bold; }
.Overview div.relLinks ul { margin: 0 }
.Overview div.relLinks li { margin: 0; list-style-type: none; }

.PageableItem { background: #fff; padding: 15px; min-height: 250px; }
.PageableItem .pager { margin: 0 0 10px 0; }
.PageableItem .pager img { border: 1px solid #333; }
.PageableItem h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.PageableItem h2 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; }
.PageableItem p { margin: 0 0 10px 0; }
.PageableItem a { display: block; }
.PageableItem p a { display: inline; }
.PageableItem div.relLinks { }
.PageableItem div.relLinks .header { display: block; font-weight: bold; }

.PartnerList { background: #fff; padding: 15px; min-height: 250px; }
.PartnerList dl {  }
.PartnerList hr { height: 1px; color: #ccc; background-color: #ccc; border: none; margin: 0 0 20px 0; }
.PartnerList .category { font-size: 1.1em; font-weight: bold; display: block; margin: 0 0 10px 0; }
.PartnerList dt { font-weight: bold; font-size: 1em; }
.PartnerList dd { font-size: .9em; padding: 0 0 10px 0; margin: 0 0 10px 0;  }
.PartnerList a { display: block; }
a.partnerFormLink { display: block; margin: 10px 0 0 15px; }

.PressRelease { background: #fff; padding: 15px; min-height: 250px; }
.PressRelease h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.PressRelease h2 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; }
.PressRelease abbr { display: block; }
.PressRelease p { margin: 0 0 10px 0; }

.PressReleaseList { background: #fff; padding: 15px; min-height: 250px; }
.PressReleaseList dl {  }
.PressReleaseList dt { font-weight: bold; font-size: 1.1em;  }
.PressReleaseList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.PressReleaseList dd.last { border-bottom: none; padding: 0; margin: 0; }
.PressReleaseList abbr { display: block; }
.PressReleaseList .subtitle{ display: block; }
.PressReleaseList a { display: block }

.SpecialReport { background: #fff; padding: 15px; min-height: 250px; }
.SpecialReport h1 { font-size: 1.2em; font-weight: bold; }
.SpecialReport img { float: left; margin: 0 10px 5px 0; border: 1px solid #000; }
.SpecialReport abbr { display: block; margin: 0 0 10px 0; }
.SpecialReport p { margin: 0 0 10px 0; }

.SpecialReportList { background: #fff; padding: 15px; min-height: 250px; }
.SpecialReportList dl {  }
.SpecialReportList dt { font-weight: bold; font-size: 1.1em; }
.SpecialReportList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.SpecialReportList dd.last { border-bottom: none; padding: 0; margin: 0; }
.SpecialReportList abbr { display: block; margin: 0 0 10px 0; }
.SpecialReportList img { float: left; margin: 0 10px 5px 0; border: 1px solid #000; }
.SpecialReportList .header { display: block; }
.SpecialReportList a { display: block; }

.TwoColumnList { background: #fff; padding: 15px; min-height: 250px; }
.TwoColumnList dl { float: left; width: 250px; }
.TwoColumnList dt {  }

.WhitePaperList { background: #fff; padding: 15px; min-height: 250px; }
.WhitePaperList dl {  }
.WhitePaperList dt { font-weight: bold; font-size: 1.1em; }
.WhitePaperList dd { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.WhitePaperList dd.last { border-bottom: none; padding: 0; margin: 0; }
.WhitePaperList abbr { display: block; }
.WhitePaperList .author { display: block; }
.WhitePaperList a { display: block; }


/*** form pages ***/
.error { color: red; display:none; }
.error-span { display: none; }
.right { float: right !important; }
#errDiv { color: #f00; font-size: .9em; float: right; width: 300px; visibility: hidden; text-align: right; margin: 0 5px 0 0;}

/* contact us form */
.contactForm { background: #fff; padding: 15px; min-height: 250px; }
.contactForm h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.contactForm label { display: block; }
.contactForm label.req { font-weight: bold; } 
.contactForm textarea {width: 300px; height: 50px; margin: 5px 0 0 0; }
.contactForm { margin: 5px; width: 620px; }
.contactForm fieldset { float:left; width: 310px; height: 50px; margin: 10px 0 10px 0; }
.contactForm fieldset input.text { width: 300px; margin: 5px 0 0 0; }
.contactForm fieldset select { width: 300px; margin: 5px 0 0 0; }
.contactForm .file-upload-block { height: 110px !important; }
.contactForm input.mini-input { width: 300px; margin: 5px 0 0 0; }
.contactForm .submit-button { float: right; padding: 3px; font-size: 1.1em; }
.contactForm .phone { width: 230px; margin: 5px 0 0 0; }
.contactForm label.ext { display: inline; }
.contactForm .extension { width: 50px; }
.contactForm #fieldset_comments { height: 65px; }
.select-interest { height: 170px !important;}

/* partner form */
.partnerForm { background: #fff; padding: 15px; min-height: 250px; }
.partnerForm h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.partnerForm label { display: block; }
.partnerForm label.req { font-weight: bold; } 
.partnerForm textarea {width: 300px; height: 50px; margin: 5px 0 0 0; }
.partnerForm { margin: 5px; width: 620px; }
.partnerForm fieldset { float:left; width: 310px; height: 50px; margin: 10px 0 10px 0; }
.partnerForm fieldset input.text { width: 300px; margin: 5px 0 0 0; }
.partnerForm fieldset select { width: 300px; margin: 5px 0 0 0; }
.partnerForm fieldset.half { width: 155px; }
.partnerForm fieldset.half input.text { width: 145px}
.partnerForm fieldset.half select { width: 145px}
.partnerForm fieldset.full { width: 620px; height:auto; }
.partnerForm fieldset.full textarea { width: 610px}
.partnerForm input.mini-input { width: 300px; margin: 5px 0 0 0; }
.partnerForm .submit-button { float: right; padding: 3px; font-size: 1.1em; }
.partnerForm .phone { width: 230px; margin: 5px 0 0 0; }
.partnerForm label.ext { display: inline; }
.partnerForm .extension { width: 50px; }
.partnerForm #fieldset_comments { height: 65px; }

/* special reports registration form */
.registerForm { background: #fff; padding: 15px; min-height: 250px; }
.registerForm h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
.registerForm label { display: block; }
.registerForm label.req { font-weight: bold; } 
.registerForm textarea {width: 300px; height: 50px; margin: 5px 0 0 0; }
.registerForm { margin: 5px; width: 620px; }
.registerForm fieldset { float:left; width: 310px; margin: 10px 0 10px 0; }
.registerForm fieldset input.text { width: 300px; margin: 5px 0 0 0; }
.registerForm fieldset select { width: 300px; margin: 5px 0 0 0; }
.registerForm fieldset.half { width: 155px; }
.registerForm fieldset.half input.text { width: 145px}
.registerForm fieldset.half select { width: 145px}
.registerForm fieldset.full { width: 620px; }
.registerForm fieldset.full input.text { width: 610px; }
.registerForm input.mini-input { width: 300px; margin: 5px 0 0 0; }
.registerForm .submit-button { float: right; padding: 3px; font-size: 1.1em; }
.registerForm .phone { width: 230px; margin: 5px 0 0 0; }
.registerForm label.ext { display: inline; }
.registerForm .extension { width: 50px; }
.registerForm #fieldset_comments { height: 65px; }
/*Changes by Hertzel for the HTMl twitter module*/


.twitter_block span, .twitter_block { overflow: hidden;}
.twitter_block span { margin-right: 10px; float: left;}
.twitter_block p{ float: left; padding-bottom: 5px;}
.twitter_block p { width: 80%;}

#accordion h3 input{float: left;margin-right:10px;}
.element input { margin-left:10px;}

.newsletter-subscribe { background-color: #FFF;}
.newsletter-subscribe h2 {font-size:1.2em;font-weight:bold;padding:15px 0 0 15px;}