/* WorkCast 2009 - home page public site */

p {padding:0; margin:10px 5px 8px 36px; color:#706f70; background: none transparent; font-size:.8em;}

/*************************************** Top panel ******************************************/

#topPanelsWrapper {float:left; width:892px;}

#currentWebcasts {float:left; width:367px; height:243px; background:url(../../images/public/currentWebcastsBG.gif) left 4px no-repeat transparent;}

#webcastManager {float:left; width:262px; height:243px; background:url(../../images/public/webcastManagerBG.gif) 6px 4px no-repeat transparent;}

#webcastManager p {margin-left:30px}

#webcastManager img {margin-left:30px; margin-top:6px}

#lmWM {display:block; width:150px; height:32px; background:url(../../images/public/learnMoreWM.gif) 30px -32px no-repeat transparent; }
#lmWM:hover {cursor:pointer; background:url(../../images/public/learnMoreWM.gif) 30px 0 no-repeat transparent;}

#webcastManagerRecruitment {float:left; width:263px; height:243px; background:url(../../images/public/webcastManagerRecruitmentBG.gif) 6px 4px no-repeat transparent;}

#webcastManagerRecruitment p {margin-left: 26px}

#webcastManagerRecruitment ul {color:#969696; list-style:none; line-height:1.1em; font-size:.8em; padding:0; margin:10px 2px 2px 26px;}

#webcastManagerRecruitment ul li {padding:0; margin:0; padding-bottom:5px; padding-left:18px; background:url(../../images/public/listBullet.gif) left 2px no-repeat transparent;}

h2#wmR {background:url(../../images/public/homeRecruitmentHeading.gif) 26px 6px no-repeat transparent; width:218px; height:43px;}

#lmWMR {display:block; width:115px; height:32px; background:url(../../images/public/learnMoreWMRecruitment.png) left -32px no-repeat transparent; float:right; margin-right:15px}
#lmWMR:hover {cursor:pointer; background:url(../../images/public/learnMoreWMRecruitment.png) left 0 no-repeat transparent;}

#midPanelsWrapper {float:left; width:892px;}

#workCasting {float:left; width:663px; height:316px; background:url(../../images/public/workcastingBG.gif) left 6px no-repeat transparent;}

#workCasting div {float:left}

h3 {font-size: .8em; color: #706f70; margin: 18px 0 14px 30px; font-weight:normal}

#workCasting ul {color:#969696; margin:0; margin-left:30px; list-style:none; font-size:.8em; padding:0}

#workCasting ul li {padding:0; margin:0; padding-bottom:8px; padding-left:22px; background:url(../../images/public/listBullet.gif) left 2px no-repeat transparent;}

#lmWC {float:right;display:inline-block; width:144px; height:32px; background:url(../../images/public/learnMoreWC.gif) 30px -32px no-repeat transparent; margin-right:18px; margin-top:7px}
#lmWC:hover {cursor:pointer; background:url(../../images/public/learnMoreWC.gif) 30px 0 no-repeat transparent;}

#newsPanel {float:left; width:229px; height:316px; background:url(../../images/public/newsBG.gif) 6px 6px no-repeat transparent;}
#newsPanel h3 {margin:0 15px 10px 29px; background:url(../../images/public/newsDivider.gif) 0 bottom no-repeat transparent; padding-bottom: 8px; font-size: .8em;}

#newsPanel h3 a {display:block; color:#ef6e10; text-decoration:none; padding-left: 12px; background: url(../../images/public/newsHomeArrow.gif) left top no-repeat transparent;}
#newsPanel h3 a:hover {color:#2c2c2c; text-decoration:none}
#newsPanel h3#top {margin-top:15px}
#newsPanel p {font-size:.7em; color:#969696; margin:0 15px 10px 29px; padding-bottom: 8px; background:url(../../images/public/newsDivider.gif) 0 bottom no-repeat transparent;}
#newsPanel #bottom {background:none transparent;}

#conferencingWrapper {float:left; width:892px; height:118px; background:url(../../images/public/webConferencingBG.jpg) left 6px no-repeat transparent;}

#conferencingWrapper div {float:left}

#conferencingWrapper div#left {width:634px}

#conferencingWrapper div#left p {width:422px; margin-top:8px;}

#conferencingWrapper div#right {width:250px}

#conferencingWrapper div#right p {margin-top:24px; margin-left:28px; margin-bottom:0; font-size:.7em; color:#b7b7b6;}

#lmAd {display:block; width:115px; height:32px; float:right; background:url(../../images/public/learnMoreA.gif) 0 -32px no-repeat transparent; padding-right:14px }
#lmAd:hover {cursor:pointer; background:url(../../images/public/learnMoreA.gif) 0 0 no-repeat transparent;}

h2#cw {background:url(../../images/public/headingCurrentWebcasts.gif) 24px 6px no-repeat transparent; width:185px; height:40px;}
h2#wc {background:url(../../images/public/headingWorkcasting.gif) 24px 7px no-repeat transparent; width:542px; height:47px;}
h2#ne {background:url(../../images/public/headingNews.gif) 29px 7px no-repeat transparent; width:129px; height:48px;}
h2#co {background:url(../../images/public/headingConferencing.gif) 29px 8px no-repeat transparent; width:272px; height:48px;}
	
#vidWrapper {
	position:relative;
	width:354px;
	height:auto;
	margin:auto;
	overflow:hidden;	
}

#vids {position:relative; overflow:hidden; height:198px; width:214px; left:73px; margin-top:16px}
#vids img {border:6px solid #ef6e10; margin-right:16px; cursor:pointer; width:199px; height:137px}

#imageContainer {display:block; position:absolute; top:0; left:0; width:1135px;}

#overlay {position:absolute; background:black; width:177px; height:132px; display:none; left:0; top:0; font-weight:bold; filter:alpha(opacity=75); opacity:.75; padding-top:17px; padding-left:17px; padding-right:17px; font-size:.7em; color:#fff}


#vidWrapper span {top:60px; display:block; width:27px; height:44px; position:absolute; cursor:pointer;}

#scrollLeft {display:inline-block; left:34px; background:url(../../images/public/buttonVidsLeft.gif) left top no-repeat transparent; filter:alpha(opacity=50); opacity:.50;}

#scrollRight {display:inline-block; left:297px; background:url(../../images/public/buttonVidsRight.gif) left top no-repeat transparent;}