/* WorkCast 2009 - public site global styles */ /************************************* Structure **************************************************************/ * {border:none; padding: 0; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif;} html {min-height:100%; width:100%; background: none #f4f4f4;} body {direction: ltr; font-size:100%; min-height:100%; color:#fff; width:auto; text-align:center; height:100%} a {color:#ef6e10; text-decoration:none} a:hover {color:#2c2c2c; text-decoration:none} img {border:none; padding: 0; margin: 0} #wrapper {text-align:center; min-height:100%; width:100%; background:none #f4f4f4; } #fixed {width: 892px; margin-left: auto; margin-right: auto; text-align:left; color: #fff;} .clear {clear:both;} .block {display:block} .inline {display:inline} .hide {display:none} fieldset {padding:0; margin:0; border: 0px solid #000} legend {display:none} /******************************************** Page header ************************************************/ #header {float:left; color:#fff; width:892px; background: url(../../images/public/headerBanner.jpg) left top no-repeat #000; height:139px} #header object {margin-left:230px; width:651px; height:100px;} #globalNav {background: none transparent; color:#fff; float:right;} #globalNav ul {list-style:none; color:#fff; font-size:.7em; margin-top:14px; margin-right:7px} #globalNav ul li {display:inline; padding-right:13px; padding-left:13px; background: url(../../images/public/listDivider.gif) right top repeat-y transparent;} #globalNav ul li.noDivider {background: none transparent} #globalNav ul li span {color:#ef6e10;} #globalNav a {color:#fff; text-decoration:none} #globalNav a:hover {color:#ef6e10} /************************************* Spacer ***********************************************************/ .bumpLayer {clear:both; font-size:0.01em; line-height:0.01em; margin-bottom:-1px;background: none transparent; height:1px; color:#fff} /****************************************** Base content styles ***********************************************/ h1 {} h2 {} h3 {line-height:1em} h4 {} p {color:#fff; position: relative; line-height:1.15em} ul {line-height:1em;} /****************************************** Navigation ***********************************************/ #mainNav {font-size: 10pt; background:url(../../images/public/mainNavBG.gif) left top no-repeat transparent; color:#fff; height:47px; width:892px; position:relative; float:left; z-index:2} #mainNav li, ul{margin: 0; padding: 0; font-size: 10pt} #mainNav a {color: #989898; cursor:pointer;} #mainNav :hover{} .menupadding{ text-align: center; margin: 11px 0px 0px 0px;} .menupadding2{ text-align: center; margin: 13px 0px 0px 0px;} .menupaddingitem{ text-align: left; margin: 6px 0px 0px 13px; font-size: 8pt;} #mainNav a#home {float:left; display:block; height:41px; width:72px; } #mainNav a#home:hover {color: #000;} #mainNav span#home {float:left; display:block; height:41px; width:72px;} #mainNav a#webcast {float:left; display:block; height:41px; width:158px; background:url(../../images/public/navWebcasting.gif) 1px 0 no-repeat transparent;} #mainNav a#webcast:hover {color: #000; background:url(../../images/public/navWebcasting.gif) 1px -48px no-repeat transparent;} #mainNav span#webcastChosen {float:left; display:block; height:41px; width:158px; background:url(../../images/public/navWebcasting.gif) 1px -92px no-repeat transparent;} #mainNav span#webcastChosen:hover {background:url(../../images/public/navWebcasting.gif) 1px -128px no-repeat transparent;} #mainNav a#webcastChosen {float:left; display:block; height:41px; width:132px; background:url(../../images/public/navWebcasting.gif) 1px -92px no-repeat transparent;} #mainNav a#webcastChosen:hover {background:url(../../images/public/navWebcasting.gif) 1px -128px no-repeat transparent;} #mainNav a#wm {float:left; display:block; height:41px; width:169px; background:url(../../images/public/navWM.gif) 1px 0 no-repeat transparent; } #mainNav a#wm:hover {color: #000;} #mainNav span#wmChosen {float:left; display:block; height:41px; width:169px; background:url(../../images/public/navWM.gif) 1px -92px no-repeat transparent;} #mainNav span#wmChosen:hover {background:url(../../images/public/navWM.gif) 1px -128px no-repeat transparent;} #mainNav a#wmChosen {float:left; display:block; height:41px; width:169px; background:url(../../images/public/navWM.gif) 1px -92px no-repeat transparent;} #mainNav a#wmChosen:hover {background:url(../../images/public/navWM.gif) 1px -128px no-repeat transparent;} #mainNav a#clients {float:left; display:block; height:41px; width:98px; margin-left:320px} #mainNav a#clients:hover {color: #000;} #mainNav span#clients {float:left; display:block; height:41px; width:98px; margin-left:320px} #mainNav a#about {float:left; display:block; height:41px; width:77px; } #mainNav a#about:hover {color: #000;} #mainNav span#about {float:left; display:block; height:41px; width:77px;} #mainNav a#news {float:left; display:block; height:41px; width:72px; } #mainNav a#news:hover {color: #000;} #mainNav span#news {float:left; display:block; height:41px; width:72px; } #mainNav a#newsChosen {float:left; display:block; height:41px; width:78px;} #mainNav a#newsChosen:hover {} #mainNav a#web { float:left; display:block; height:41px; width:126px; background:url(../../images/public/navWebinars.gif) 1px 0 no-repeat transparent; } #mainNav a#web:hover {color: #000;} #mainNav span#webChosen {float:left; display:block; height:41px; width:127px; background:url(../../images/public/navWebinars.gif) 1px -92px no-repeat transparent;} #mainNav span#webChosen:hover {background:url(../../images/public/navWebinar.gif) 1px -128px no-repeat transparent;} #mainNav a#webChosen {float:left; display:block; height:41px; width:127px; background:url(../../images/public/navWebinars.gif) 1px -92px no-repeat transparent;} #mainNav a#webChosen:hover {background:url(../../images/public/navWebinar.gif) 1px -128px no-repeat transparent;} #mainNav a#cast { float:left; display:block; height:41px; width:126px; background:url(../../images/public/navWebinars.gif) 1px 0 no-repeat transparent; } #mainNav a#cast:hover {color: #000;} #mainNav span#castChosen {float:left; display:block; height:41px; width:127px; background:url(../../images/public/navWebinars.gif) 1px -92px no-repeat transparent;} #mainNav span#castChosen:hover {background:url(../../images/public/navWebinar.gif) 1px -128px no-repeat transparent;} #mainNav a#castChosen {float:left; display:block; height:41px; width:127px; background:url(../../images/public/navWebinars.gif) 1px -92px no-repeat transparent;} #mainNav a#castChosen:hover {background:url(../../images/public/navWebinar.gif) 1px -128px no-repeat transparent;} #mainNav a#recruitment {float:left; display:block; height:41px; width:139px; background:url(../../images/public/navRecruitment.gif) 35px 14px no-repeat transparent;} #mainNav a#recruitment:hover {color: #000; background:url(../../images/public/navRecruitment.gif) 35px -19px no-repeat transparent;} #mainNav span#recruitment {float:left; display:block; height:41px; width:139px; background:url(../../images/public/navRecruitment.gif) 35px -52px no-repeat transparent;} /*************************************** Footer ******************************************/ #pageFooter {float:left; width:892px; font-family:Verdana, Arial, sans-serif; font-weight:normal; text-align:left; margin-bottom:8px; padding-bottom:11px; border-bottom:1px solid #dbdadb} #pageFooterLeft ul {padding: 23px 0 0 8px; margin-left:0; font-size:.7em; float:left} #pageFooterLeft li {padding: 0 14px 0 14px; display:inline; color:#e4e4e4; background: url(../../images/public/listDivider.gif) left top repeat-y transparent; margin:0;} li#footerListStart {background: none transparent; color:#e4e4e4; padding: 0 14px 0 0} li.footerListSelected {color:#ff9f18!important; font-weight:bold;} #pageFooterLeft li span {color:#b2b2b2} #pageFooterLeft {color:#ef6e10; background: none transparent; float:left} #pageFooterLeft a {color:#ef6e10; background:none transparent;} #pageFooterLeft a:link{text-decoration:none;} #pageFooterLeft a:active{text-decoration:none;} #pageFooterLeft a:visited{text-decoration:none;} #pageFooterLeft a:hover{color:#fff; background:none #ef6e10; text-decoration:none;} #pageFooterRight {float:right; color:#e4e4e4; font-family:Verdana, Arial, sans-serif; font-size:.8em; background: none transparent; margin:0;} #pageFooterRight img {margin: 11px 8px 0 0; float:right} #telephoneNumbers {clear:both;font-size: 0.7em; color: #707070; padding:0; margin-bottom:23px; margin-top:0} #telephoneNumbers img {margin-left:11px; margin-right:2px; vertical-align:middle; margin-top:-2px} #telephoneNumbers img#us {margin-left:21px;} /*************************************** Remove rollovers from images ******************************************/ a.noRolloverImg {background: none transparent; color:#fff} a.noRolloverImg:link {background: none transparent; color:#fff} a.noRolloverImg:active {background: none transparent; color:#fff} a.noRolloverImg:visited {background: none transparent; color:#fff} a.noRolloverImg:hover {background: none transparent; color:#fff} /*************************************** Dropdown menus *******************************************************/ #mainNav ul {float:left; margin:0; padding:0; background:none transparent; list-style:none; position:absolute; z-index:3; display:block;} #mainNav ul#webcastDrop {width:158px; background:url(../../images/public/webcastingDropDownBG.png) 0 top no-repeat transparent; padding:0; left:69px; top:0} #mainNav ul#webcastDrop:hover a#webcast, #mainNav ul.hover a#webcast {background:url(../../images/public/navWebcasting.gif) 1px -48px no-repeat transparent;} #mainNav ul#webcastDrop:hover #webcastChosen, #mainNav ul.hover #webcastChosen {background:url(../../images/public/navWebcasting.gif) 1px -141px no-repeat transparent;} #mainNav ul#WMDrop {width:169px; background:url(../../images/public/WMDropDownBG.png) 0 top no-repeat transparent; padding:0; left:226px; top:0;} #mainNav ul#WMDrop:hover a#wm, #mainNav ul.hover a#wm {Background:url(../../images/public/navWM.gif) 1px -48px no-repeat transparent;} #mainNav ul#WMDrop:hover #wmChosen, #mainNav ul.hover #wmChosen {background:url(../../images/public/navWM.gif) 1px -141px no-repeat transparent;} #mainNav ul#webDrop {width:126px; background:url(../../images/public/webinars_background.png) 0 top no-repeat transparent; padding:0; left:641px; top:0;} #mainNav ul#webDrop:hover a#web, #mainNav ul.hover a#web { Background:url(../../images/public/navWebinars.gif) 1px -48px no-repeat transparent;} #mainNav ul#webDrop:hover #webChosen, #mainNav ul.hover #webChosen {background:url(../../images/public/navWebinars.gif) 1px -141px no-repeat transparent;} #mainNav ul#castDrop {width:126px; background:url(../../images/public/webcasts_background.png) 0 top no-repeat transparent; padding:0; left:766px; top:0;} #mainNav ul#castDrop:hover a#cast, #mainNav ul.hover a#cast { Background:url(../../images/public/navWebinars.gif) 1px -48px no-repeat transparent;} #mainNav ul#castDrop:hover #castChosen, #mainNav ul.hover #castChosen {background:url(../../images/public/navWebinars.gif) 1px -141px no-repeat transparent;} #mainNav ul li {display:none} #mainNav ul li.top {display:block; padding-top:0} #mainNav ul li.last {margin-bottom:20px} #mainNav ul:hover li.item, #mainNav ul.hover li.item {display:block} #mainNav ul:hover li.item a, #mainNav ul.hover li.item a { text-decoration:none; display:inline-block; padding-left:5px; margin-left:1px; height:25px; padding-bottom:3px} #mainNav ul:hover li.item span, #mainNav ul.hover li.item span { color: #000; text-decoration:none; display:inline-block; padding-left:5px; margin-left:1px; height:25px; padding-bottom:3px} /* Managed Webinars */ #mainNav ul:hover li.item a#liv, #mainNav ul.hover li.item a#liv {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:151px;} #mainNav ul:hover li.item a#liv:hover, #mainNav ul.hover li.item a#liv:hover {color: #fff; Background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#sch, #mainNav ul.hover li.item a#sch {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:151px;} #mainNav ul:hover li.item a#sch:hover, #mainNav ul.hover li.item a#sch:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#ond, #mainNav ul.hover li.item a#ond {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:151px;} #mainNav ul:hover li.item a#ond:hover, #mainNav ul.hover li.item a#ond:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#loc, #mainNav ul.hover li.item a#loc {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:151px;} #mainNav ul:hover li.item a#loc:hover, #mainNav ul.hover li.item a#loc:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item span#liv, #mainNav ul.hover li.item span#liv {background:url(../../images/public/liveEventChosen.gif) left top no-repeat transparent; width:129px;} #mainNav ul:hover li.item span#sch, #mainNav ul.hover li.item span#sch {background:url(../../images/public/scheduledReplayChosen.gif) left top no-repeat transparent; width:129px;} #mainNav ul:hover li.item span#ond, #mainNav ul.hover li.item span#ond {background:url(../../images/public/onDemandChosen.gif) left top no-repeat transparent; width:129px;} #mainNav ul:hover li.item span#loc, #mainNav ul.hover li.item span#loc {background:url(../../images/public/liveOnLocChosen.gif) left top no-repeat transparent; width:129px;} /* Webcast Manager */ #mainNav ul:hover li.item a#rec, #mainNav ul.hover li.item a#rec {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:161px;} #mainNav ul:hover li.item a#rec:hover, #mainNav ul.hover li.item a#rec:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#ass, #mainNav ul.hover li.item a#ass {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:161px;} #mainNav ul:hover li.item a#ass:hover, #mainNav ul.hover li.item a#ass:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#pub, #mainNav ul.hover li.item a#pub {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:161px;} #mainNav ul:hover li.item a#pub:hover, #mainNav ul.hover li.item a#pub:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item span#rec, #mainNav ul.hover li.item span#rec {background:url(../../images/public/forRecruitmentChosen.gif) left top no-repeat transparent; width:161px;} #mainNav ul:hover li.item span#ass, #mainNav ul.hover li.item span#ass {background:url(../../images/public/forAssociationsChosen.gif) left top no-repeat transparent; width:161px;} #mainNav ul:hover li.item span#pub, #mainNav ul.hover li.item span#pub {background:url(../../images/public/forPublicSectorChosen.gif) left top no-repeat transparent; width:161px;} /* Webinars */ #mainNav ul:hover li.item a#one, #mainNav ul.hover li.item a#one {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#one:hover, #mainNav ul.hover li.item a#one:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#two, #mainNav ul.hover li.item a#two {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#two:hover, #mainNav ul.hover li.item a#two:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#three, #mainNav ul.hover li.item a#three {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#three:hover, #mainNav ul.hover li.item a#three:hover {color: #fff;background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#four, #mainNav ul.hover li.item a#four {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#four:hover, #mainNav ul.hover li.item a#four:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#five, #mainNav ul.hover li.item a#five {height: 35px; background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#five:hover, #mainNav ul.hover li.item a#five:hover {color: #fff; height: 35px; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#six, #mainNav ul.hover li.item a#six {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#six:hover, #mainNav ul.hover li.item a#six:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#seven, #mainNav ul.hover li.item a#seven {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#seven:hover, #mainNav ul.hover li.item a#seven:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item span#one, #mainNav ul.hover li.item span#one {background:url(../../images/public/forRecruitmentChosen.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item span#two, #mainNav ul.hover li.item span#two {background:url(../../images/public/forAssociationsChosen.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item span#three, #mainNav ul.hover li.item span#three {background:url(../../images/public/forPublicSectorChosen.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item span#four, #mainNav ul.hover li.item span#four {background:url(../../images/public/forPublicSectorChosen.gif) left top no-repeat transparent; width:119px;} /* Webcasts */ #mainNav ul:hover li.item a#new1, #mainNav ul.hover li.item a#new1 {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#new1:hover, #mainNav ul.hover li.item a#new1:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#new2, #mainNav ul.hover li.item a#new2 {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#new2:hover, #mainNav ul.hover li.item a#new2:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#new3, #mainNav ul.hover li.item a#new3 {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#new3:hover, #mainNav ul.hover li.item a#new3:hover {color: #fff; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#new4, #mainNav ul.hover li.item a#new4 {height: 35px; background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#new4:hover, #mainNav ul.hover li.item a#new4:hover {color: #fff; height: 35px; background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#new5, #mainNav ul.hover li.item a#new5 { background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#new5:hover, #mainNav ul.hover li.item a#new5:hover {color: #fff;background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item a#new6, #mainNav ul.hover li.item a#new6 {background:url(../../images/public/liveEventOff.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item a#new6:hover, #mainNav ul.hover li.item a#new6:hover {color: #fff;background:url(../../images/public/liveEventOver.gif) left top no-repeat transparent;} #mainNav ul:hover li.item span#new, #mainNav ul.hover li.item span#new {background:url(../../images/public/forRecruitmentChosen.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item span#two, #mainNav ul.hover li.item span#two {background:url(../../images/public/forAssociationsChosen.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item span#three, #mainNav ul.hover li.item span#three {background:url(../../images/public/forPublicSectorChosen.gif) left top no-repeat transparent; width:119px;} #mainNav ul:hover li.item span#four, #mainNav ul.hover li.item span#four {background:url(../../images/public/forPublicSectorChosen.gif) left top no-repeat transparent; width:119px;}