/* WorkCast 2009 - home page public site */

/****** Wrapper ******/


#columnsWrapper {width:892px;}

/*Webcast Manager*/

#webcastManager {float:left; width:318px; padding-left:302px; height:248px; background:url(../../images/public/WMProductBG.jpg) left 4px no-repeat transparent;}
#webcastManager p {width:300px; margin-bottom: 10px; font-size: .8em; color:#666566; line-height: 1.1em; padding-top:10px}
#webcastManager img {margin-top:5px;}

#recruitment {float:left; width:591px; padding-left:29px; height:208px; background:url(../../images/public/WMRecruitmentBG.jpg) left 4px no-repeat transparent;}
#recruitment p {width:461px; margin-bottom: 0; font-size: .8em; color:#666566; line-height: 1.1em; padding-top:0; padding-bottom:7px}
#recruitment p.lighter {color:#969696; padding-bottom:7px}
#recruitment img {margin-top:5px;}
#recruitment h2 {width:302px; height:48px; background:url(../../images/public/WMRecruitmentHeading.gif) left 5px no-repeat transparent; margin-bottom:12px}

a#freeTrialWM {float:left; display:inline-block; height:32px; width:115px; background:url(../../images/public/WMTryNow.gif) left -32px no-repeat transparent; margin-right:8px;}
a#freeTrialWM:hover {background:url(../../images/public/WMTryNow.gif) left top no-repeat transparent;}

a#buyNowWM {float:left; display:block; height:32px; width:115px; background:url(../../images/public/WMBuyNow.gif) left -32px no-repeat transparent; }
a#buyNowWM:hover {background:url(../../images/public/WMBuyNow.gif) left top no-repeat transparent;}

a#buyNowWMRec {float:left; display:block; height:32px; width:144px; background:url(../../images/public/WMRecruitmentRegisterNow.gif) left -32px no-repeat transparent; }
a#buyNowWMRec:hover {background:url(../../images/public/WMRecruitmentRegisterNow.gif) left top no-repeat transparent;}

/* Features */

#WMFeatures {float:left; width:591px; padding-left:29px; height:305px; background:url(../../images/public/WMFeaturesBG.gif) left 7px no-repeat transparent;}

h2#wmf {width:245px; height:52px; background:url(../../images/public/WMFeaturesText.gif) left 8px no-repeat transparent;}

#WMFeatures p {width:580px; padding-right:15px; font-size: .8em; color:#666566; line-height: 1.1em; padding-top:13px}

#WMFeatures ul {list-style:none; margin-top:11px; font-size:.8em; color:#969696; line-height: 1.1em;}
#WMFeatures ul li {padding-bottom:13px; padding-left:24px;}

#WMFeatures ul li#rich {background:url(../../images/public/rich.gif) left -1px no-repeat transparent;}
#WMFeatures ul li#desktop {background:url(../../images/public/desktop.gif) left top no-repeat transparent;}
#WMFeatures ul li#schedule {background:url(../../images/public/schedule.gif) left top no-repeat transparent;}
#WMFeatures ul li#invite {background:url(../../images/public/invite.gif) left top no-repeat transparent;}
#WMFeatures ul li#auditorium {background:url(../../images/public/auditorium.gif) left top no-repeat transparent;}
#WMFeatures ul li#reports {background:url(../../images/public/reports.gif) left top no-repeat transparent;}
#WMFeatures ul li#archive {background:url(../../images/public/archive.gif) left top no-repeat transparent; padding-bottom:0}

a#WMFLearnMore {float:right; display:inline-block; height:32px; width:115px; background:url(../../images/public/WMFLearnMore.gif) left -32px no-repeat transparent; margin-right:21px; margin-top:-12px}
a#WMFLearnMore:hover {background:url(../../images/public/WMFLearnMore.gif) left top no-repeat transparent;}

/* WM for Recruitment Benefits */

#WMRecruitmentBen {float:left; width:591px; padding-left:29px; height:381px; background:url(../../images/public/WMRecruitmentBenefitsBG.gif) left 7px no-repeat transparent;}
#WMRecruitmentBen h2 {width:245px; height:52px; background:url(../../images/public/WMRecruitmentBenefitsHeading.gif) left 8px no-repeat transparent;}

#WMRecruitmentBen p {width:580px; padding-right:15px; font-size: .8em; color:#666566; line-height: 1.1em; padding-top:13px}

#WMRecruitmentBen ul {list-style:none; margin-top:13px; font-size:.8em; color:#666566; line-height: 1.1em;}
#WMRecruitmentBen ul li {padding-bottom:3px; padding-left:20px;}

#WMRecruitmentBen ul li#dif {background:url(../../images/public/WMCameraBullet.gif) left top no-repeat transparent;}
#WMRecruitmentBen ul li#def {background:url(../../images/public/WMChartBullet.gif) left top no-repeat transparent;}
#WMRecruitmentBen ul li#exc {background:url(../../images/public/WMContractBullet.gif) left top no-repeat transparent;}
#WMRecruitmentBen ul li#uti {background:url(../../images/public/WMPdaBullet.gif) left top no-repeat transparent;}

#WMRecruitmentBen ul ul {list-style:none; margin-top:8px; color:#969696; line-height: 1.1em; font-size:1em}
#WMRecruitmentBen li li {padding-bottom:8px; padding-left:18px; background:url(../../images/public/listBullet.gif) left 2px no-repeat transparent;}

/* Business Benefits */

#WMBusBen {float:left; width:591px; padding-left:29px; height:237px; background:url(../../images/public/WMBusBenBG.gif) left 7px no-repeat transparent;}

h2#wmbb {width:161px; height:52px; background:url(../../images/public/WMBusBenText.gif) left 8px no-repeat transparent;}

#WMBusBen p {width:580px; padding-right:15px; font-size: .8em; color:#666566; line-height: 1.1em; padding-top:13px}

#WMBusBen ul {list-style:none; margin-top:11px; font-size:.8em; color:#969696; line-height: 1.1em;}
#WMBusBen ul li {padding-bottom:13px; padding-left:20px; background:url(../../images/public/listBullet.gif) left 2px no-repeat transparent;}

/* WM for Recruitment Features */

#WMRecruitmentFeatures {float:left; width:591px; padding-left:29px; height:230px; background:url(../../images/public/WMRecruitmentFeaturesBG.gif) left 7px no-repeat transparent;}

#WMRecruitmentFeatures h2 {width:161px; height:52px; background:url(../../images/public/WMRecruitmentFeaturesHeading.gif) left 8px no-repeat transparent;}

#WMRecruitmentFeatures p {width:580px; padding-right:15px; font-size: .8em; color:#666566; line-height: 1.1em; padding-top:13px}

#WMRecruitmentFeatures ul {list-style:none; margin-top:11px; font-size:.8em; color:#666566; line-height: 1.1em;}
#WMRecruitmentFeatures ul li {padding-bottom:7px; padding-left:18px; background:url(../../images/public/WMRecruitmentFeaturesBullet.gif) left 1px no-repeat transparent;}

/* Sidebar normal */

#sidebar {float:right; height:790px; padding-left:29px; background:url(../../images/public/WMSideBarBG.gif) left 4px no-repeat transparent; width:236px; position:relative; overflow:hidden;}
#sidebar p {font-size: .7em; margin: 11px 10px 8px 0; color:#a4a4a4; line-height: 1.1em;}

#sidebar ul {font-size: .7em; margin-bottom: 8px; color:#ef6e10; line-height: 1.1em; padding-top:8px; padding-right:10px; margin-left:14px}
#sidebar ul li {padding-bottom:4px;}
#sidebar ul li span {color:#706f70;}

#sidebar h3 {text-indent:-2000px;}
h3#wmss {width:86px; height:40px; background:url(../../images/public/WMScreenshotsText.gif) left 8px no-repeat transparent;}
h3#wmpr {width:86px; height:12px; padding-bottom:10px; background:url(../../images/public/WMPresText.gif) left 17px no-repeat transparent; text-indent:0; padding-left:90px; padding-top:35px; color:#00adee; font-size:.7em; font-weight:normal; vertical-align:bottom}
h3#wmmd {width:86px; height:48px; background:url(../../images/public/WMDetailsText.gif) left 17px no-repeat transparent;}

a#webcastPres {border:1px solid #a3a3a3; display:block; width:201px; height:162px;}
a#webcastPres:hover {border:1px solid #000;}

/* Sidebar recruitment */

#sidebarRec {float:right; height:819px; padding-left:29px; background:url(../../images/public/WMRecruitmentSideBarBG.gif) left 4px no-repeat transparent; width:236px; position:relative; overflow:hidden;}
#sidebarRec p {font-size: .7em; margin: 11px 10px 8px 0; color:#a4a4a4; line-height: 1.1em;}

a#interview {border:1px solid #a3a3a3; display:block; width:201px; height:163px;}
a#interview:hover {border:1px solid #000;}

h3#wmrpr {width:86px; height:12px; padding-bottom:7px; background:url(../../images/public/WMRecruitmentExampleInt.gif) left 8px no-repeat transparent; text-indent:0; padding-left:128px; padding-top:31px; color:#00adee; font-size:.7em; font-weight:normal; vertical-align:bottom}

/* Generic lighter and darker text */

.lighter {color:#969696}
.darker {color:#706f70}

/*span#poundsChosen {float:left; display:inline-block; height:18px; width:28px; background:url(../../images/public/priceGBPButton.jpg) left top no-repeat transparent;}

a#pounds {float:left; display:none; height:18px; width:28px; background:url(../../images/public/priceGBPButton.jpg) left -18px no-repeat transparent;}
a#pounds:hover {background:url(../../images/public/priceGBPButton.jpg) left top no-repeat transparent;}

span#dollarsChosen {float:left; display:none; height:18px; width:28px; background:url(../../images/public/priceUSDButton.jpg) left top no-repeat transparent;}

a#dollars {float:left; display:inline-block; height:18px; width:28px; background:url(../../images/public/priceUSDButton.jpg) left -18px no-repeat transparent;}
a#dollars:hover {background:url(../../images/public/priceUSDButton.jpg) left top no-repeat transparent;}
#columnR #priceSwitchBox {margin-left:41px; margin-top:8px;}
#priceSwitchBox img#price {float:left}*/

/* Share on... */

#share {padding-left:0; padding-top:20px}
#share h2#sp {width:161px; height:45px; background:url(../../images/public/shareHeading.gif) left 0 no-repeat transparent;}

#share ul {font-size: .8em; color:#ef6e10; list-style: none; line-height: 1.1em; width:208px; padding:0;}
#share ul li {background: url(../../images/public/dashedDivider.gif) left bottom repeat-x transparent; padding-bottom:1px}
#share ul li img {vertical-align:middle; margin-right:8px}
#share ul li a {padding: 5px 0 4px 0; display:block; cursor:pointer}
#share ul li a:hover {display:block; background: none #f3f3f3}

/* Scroller */

#mContainer {
	position:relative;
	width:165px;
	height:101px;
	overflow:hidden;
	background:none #f1f1f1;
	border:1px solid #bfbdbf;
	padding:7px 0 7px 36px;
}

#thumbnails {position:relative; overflow:hidden; height:101px; width:131px;}

#thumbnails img {border:3px solid #ef6e10; margin-right:10px}

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

#mContainer #scrollLeft {top:45px; display:block; width:19px; height:24px; position:absolute; display:inline-block; left:9px; background:url(../../images/public/WMScreensLeft.gif) left top no-repeat transparent; filter:alpha(opacity=50); opacity:.50;}

#mContainer #scrollRight {top:45px; display:block; width:19px; height:24px; position:absolute; display:inline-block; left:175px; background:url(../../images/public/WMScreensRight.gif) left top no-repeat transparent;}


/*Features Matrix popup*/

body#mat {padding:0; margin:0; width:695px; background: none #000; margin-left:auto; margin-right:auto}

#matrixWrapper {height:387px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}

#matrixWrapper table {background: none transparent; padding:0; margin:0}

#matrixWrapper table tr {height:36px}
#matrixWrapper table tr td {padding:0; margin:0; border-right:1px solid #dbdadb; border-bottom:1px solid #dbdadb; font-size: .7em; color:#969696; background: none #fff; text-align:center}

#matrixWrapper table tr#top {height:45px;}
#matrixWrapper table tr#top td {border-bottom:0; background:url(../../images/public/WMMatrixTopMidBG.gif) left top repeat-x #fff; padding-left:0; width:113px;}
#matrixWrapper table tr#top td img {padding-top:5px}

#matrixWrapper table tr#top td.lastColumn {background:url(../../images/public/WMMatrixTopLastBG.gif) right top no-repeat transparent;}

#matrixWrapper table tr#shadow td {background:url(../../images/public/WMMatrixTopShadow.gif) left top no-repeat #fff;}

#matrixWrapper table tr#top td.firstColumn {width:234px; background:url(../../images/public/WMMatrixTopFirstBG.gif) left top no-repeat transparent; padding-left:20px;}

#matrixWrapper table td.firstColumn {text-align:left;padding-left:20px; color:#666566; font-size: .8em;}

#matrixWrapper table tr#bottom {height:41px; }

#matrixWrapper table tr#bottom td {border-bottom:0; border-right:none; background:url(../../images/public/WMMatrixBottomBG.gif) left top no-repeat transparent;}

#matrixWrapper table tr#noBottomBorder td {border-bottom:0;}

#matrixWrapper table tr td.lastColumn {border-right:none;}

a {color:#ef6e10; text-decoration:none}
a:hover {color:#2c2c2c; text-decoration:none}