/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               General
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html
{
   background: #666666;
}

body
{
   margin: 0 auto;
   font-size: 12px;
   color: #333;
   background-color: #fff;
   font-family: "Helvetica", "Arial", "Tahoma", sans-serif;
   text-align: left;
}

label
{
   font-weight: normal;
   vertical-align: baseline;
}

p
{
   margin: 4px 0;
}

img
{
   border: none;
}

a
{
   outline: none;
   color: #663366;
}

.centeredHeader h1
{
   text-align: center;
   color: #663366;
   font-size: 32px;
}

.centeredHeader h3
{
   font-size: 18px;
   margin-top: -21px;
   text-align: center;
}

/* Caption/label wrapper */
.cap
{
   float: left;
   width: 8em;
   margin: 0;
}

.phone2  div.cap {width: 10em;}

/* Field wrapper */
.field
{
   padding-left: 10em;
   position: relative;
}

.field select
{
   min-width: 15em;
}

/* Tab for containers */
.tab
{
   background-color: #fff;
   position: absolute;
   top: -.7em;
   padding: 0 .5em .1em;
   width: 87%;
   font-weight: bold;
   border-bottom: 1px solid #999;
}

/* Markdown list (*) */
.mdList1 li
{
   list-style-image: url('/static/images/checkmark.gif');
   line-height: 22px;
   color: #663366;
}

.mdList2 li
{
   line-height: 22px;
   color: #663366;
}

.widgetLine
{
   clear: right;
}

.alert
{
   color: red;
   font-weight: bold;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Banner
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#banner,
#loginBanner
{
   margin: auto;
   position: relative;
   top: 0px;
   z-index: 1000;
}

.bannerContent
{
   height: 75px;
   position: relative;
}

#banner
{
   background: #fff url('/images/banners/minibanner.gif') no-repeat center top;
}

#loginBanner
{
   background: #fff url('/images/banners/landingbanner.png') no-repeat center top;
   height: 155px;
}

.logoLink
{
   position: absolute;
   top: 7px;
   left: 20px;
   height: 50px;
   width: 225px;
}

.logoLink a
{
   display: block;
   height: 100%;
   text-indent: -100000px;
   outline: 0;
}

.logoLink a:hover
{
   border: 1px solid #ebebeb;
}

.welcomeUser
{
   position: absolute;
   right: 35px;
   top: 23px;
}

.welcomeUser a
{
   color: #663366;
   font-size: 13pt;
   text-decoration: none;
   border: 1px solid transparent;
}

.welcomeUser a:hover
{
   border-bottom: 1px dashed #999;
}

.bannerAlert
{
   font-weight: bold;
   position: absolute;
   right: 135px;
   top: 50px;
   width: 110px;
   background-color: #ffffcc;
   border: 1px solid red;
   color: red;
   padding: 0px 3px;
   text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Menu
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#sysNav
{
   background: #fff url('/images/backgrounds/menu_bg.gif') no-repeat center center;
   height: 37px;
   padding: 8px 10px;
   position: relative;
   margin: auto;
   clear: both;
}

.logoutLink
{
   position: absolute;
   top: 43px;
   right: 37px;
   width: 37px;
   height: 15px;
   z-index: 1000;
}

.logoutLink a
{
   color: #ccc;
   font-size: 9pt;
   font-weight: normal;
   white-space: nowrap;
   text-decoration: none;
}

.logoutLink a:hover
{
   color: #664466;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Main Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#sysContentWrapper
{
   background-color: #FFFFFF;
   display: block;
   height: 100%;
   margin: auto;
   min-height: 595px;
   padding: 0px 10px 60px 10px;
   position: relative;
   width: 840px;
}

#sysContentWrapper.login
{
padding-top: 30px;
}

#sysContent
{
   padding: 15px;
}

#sysContentSideBar
{
   padding: 15px;
}

#sysContentLogin
{
   padding: 0 8px;
}

#sysContentLogin .buttonRow
{
   height: 25px;
   padding: 6px 0 10px;
}

#sysContentLogin span.widgetMessage
{
   background-color: #FFFF99;
   font-size: 12px;
   left: 230px;
   padding: 1px 9px;
   position: absolute;
   text-align: center;
   top: 583px;
   z-index: 999999;
}

#sysContentLogin #widgetTitleBar
{
   display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Home
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.helpAccordion
{
   width: 202px;
}

.helpAccordion p,
.helpAccordion label
{
   margin: 0px 0px 5px;
}

.accordBar
{
   background-color: #fff;
   width: 200px;
   border: solid 1px #ccc;
   margin-top: 1px;
}

p.accordText
{
   line-height: 20px;
   margin: 0px;
   padding: 15px 10px;
   font-size: 11px;
   color: #333;
}

.landingCol h2.accordTitle
{
   padding: 5px;
   background-image: url('/images/backgrounds/menu_bg.gif');
   background-position: center center;
   background-repeat: no-repeat;
   border: solid 1px #664466;
   font-size: 11px;
   font-weight: normal;
   color: #fff;
   margin: 0px;
}

.landingCol h2.accordTitle:hover
{
   border: solid 1px #ccc;
   cursor: pointer;
}

/* New Ticker Version Welcome Alert */

.welcome40
{
   background-color: #FFFFCC;
   border: 1px solid #CCCCCC;
   color: #333333;
   font-size: 17px;
   margin: 0 -5px 16px;
   padding: 10px 10px;
   text-align: center;
   width: 584px;
}

.landingRow
{
   border: 1px solid #EBEBEB;
   height: 140px;
   background: #ffffff;
   margin: 5px 0 14px -6px;
   position: relative;
   width: 605px;
}

.landingCol
{
   background: #ffffff;
   float: right;
   height: 607px;
   margin: 0px;
   width: 198px;
   }

.landingCol ul
{
   padding: 2px 10px 2px 30px;
}

.landingCol li
{
   margin-bottom: 15px;
}

.landingCol h2
{
   color: #333;
   padding: 1px 7px 3px 15px;
   text-align: left;
}

.icon
{
   border-right: 1px solid #EBEBEB;
   border-left: 10px solid #EBEBEB;
   border-bottom: 1px solid #EBEBEB;
   float: left;
   margin-right: 10px;
}

.landingLink a
{
  text-decoration: underline;
  outline: none;
  color: #663366;
  font-weight: normal;
  position: relative;
  line-height: 20px;
  margin: 5px 5px 5px 5px;
  padding: 4px 7px 7px 0px;
  bottom: 0px;
}

.landingLink a:hover
{
   color: #cc99cc ;
}

.landingLink a:visited
{
 color: #cc99cc;
}

.linkWrap
{
 float: left;
 border-right: dotted #666666 1px;
 margin-right: 5px;
}

.title
{
   background: #EBEBEB none repeat scroll 0 0;
   border-bottom: 1px solid #ffffcc;
   color: #666666;
   display: block;
   font-size: 15px;
   margin-bottom: 15px;
   padding: 6px 0 6px 7px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Login
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.loginWrapper
{
   position: relative;
   background: transparent url('/images/backgrounds/login_form_bg.jpg') no-repeat scroll 0 0;
   width: 365px;
   height: 130px;
   float: right;
   padding-left: 22px;
   padding-top: 5px;
   margin-right: 38px;
   margin-top: 8px;
}

.loginWrapper .loginField
{
   padding: 2px;
   margin: 0px 5px 5px 5px;
   width: 13em;
   float: left;
}

.loginWrapper .loginField label
{
   color: #fff;
   font-weight: normal;
   text-transform: capitalize;
}

.loginWrapper .loginButton
{
   background: #ebebeb url('/images/menu/login.gif') no-repeat;
   border: none;
   width: 73px;
   height: 29px;
   color: #FFF;
   margin-left: 5px;
}

.loginLinksWrapper
{
   position: absolute;
   top: 50px;
   right: 15px;
}

.loginLink
{
   float: left;
   margin-right: 1em;
}

.loginLink a
{
   font-size: 10px;
   color: #fff;
}

.loginLink a:hover
{
   color: #ebebeb;
}

.tooltip
{
   background-color: #F5F5B5;
   border: 1px solid #DECA7E;
   color: #303030;
   font-family: sans-serif;
   font-size: 12px;
   width: 100px;
   line-height: 18px;
   padding: 10px 13px;
   position: absolute;
   text-align: center;
   z-index: 2;
}

.fork
{
   background: #ebebeb;
   padding: 17px 20px 10px 115px;
   margin: 0 330px 10px 0;
   border: solid #999999 1px;
   border-top: solid 5px #663366;
   position: relative;
}

.fork p
{
 margin-left: 95px;
}

.indexLink
{
   text-align: left;
}

.indexLink a
{
   padding: 2px 2px 2px 18px;
}

.indexUp a {background: transparent url('/static/images/icons/up.png') no-repeat left center;}
.indexDown a {background: transparent url('/static/images/icons/down.png') no-repeat left center;}

#id-industryIndices,
#id-hidIndustryIndices
{
   width: 270px;
}

#id-industryIndices a,
#id-hidIndustryIndices a
{
   position: relative;
   display: block;
}

#id-hidIndustryIndices
{
   display: none;
}

#id-industryIndices th#widgetTitle,
#id-hidIndustryIndices th#widgetTitle
{
   background-color: transparent;
}

#id-industryIndices th#widgetTitle .widgetHeaderList,
#id-hidIndustryIndices th#widgetTitle .widgetHeaderList
{
   color: #333;
   text-decoration: none;
   font-size: 13px;
   white-space: nowrap;
}

#id-industryIndices td,
#id-hidIndustryIndices td
{
   background: #ccc;
   padding: 3px;
}

#id-industryIndices td.indextitle,
#id-hidIndustryIndices td.indextitle
{
  background: #663366;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 3px;
}

/* Fields */
.loginText,
.fork .widgetPlaceHolder
{
   padding: 0;
   margin: 8px 0;
   height: 35px;
}

.fork .cap
{
   clear: none;
}

.fork label
{
   font-size: 10pt;
   color: #333;
}

.fork input
{
   width: 200px;
}

.fork .buttonRow input
{
   width: auto;
}

.fork .widgetRadio
{
   float: left;
   clear: none;
   width: 40%;
   margin-right: 2em;
}

.fork .widgetRadio input
{
   width: auto;
}

.fork .widgetError
{
   display: block;
   margin-left: 9em;
}

.colWrap
{
   width: 313px;
   float: right;
   height: 100%;
}

.heading h1
{
   color: #333333;
   text-transform: capitalize;
   margin: 0;
   font-size: 18pt;
}

.employerButton a span
{
   margin-left: 182px;
   height: 14px;
   margin: 0px 0px 0px 0px;
 }

#id-seekerStart
{
   background: #ebebeb url('/images/backgrounds/professionalsbg.jpg') no-repeat scroll left top;
   width: 483px;
   height: 270px;
   padding: 0px;
}

#id-seekerRightContainer
{
   padding: 17px 20px 10px 115px;
}

.seekerSample
{
   border-right: 1px solid #ccc;
   left: 7px;
   position: absolute;
   top: 77px;
   width: 92px;
   text-align: center;
}

.seekerSample a
{
   margin: 0px;
   text-decoration: underline;
   color: #663366;
   font-size: 9px;
}

.loginRetrieve
{
   bottom: 6px;
   font-size: 9px;
   left: -85px;
   position: absolute;
   text-align: center;
   width: 200px;
   line-height: 15px
}

.employerBuynow a
{
   height: 31px;
   left: 117px;
   position: absolute;
   text-indent: -999999px;
   top: 150px;
   width: 145px;
   z-index: 400000;
}

 .employerSample
{
   border-right: 1px solid #ccc;
   left: 7px;
   position: absolute;
   top: 108px;
   width: 92px;
   text-align: center;
}

#id-employerSample employerSample a
{

   left: 7px;
   position: relative;
   top: 108px;
   width: 92px;
   text-align: center;
}

.employerSample a
{
 margin: 0px;
 text-decoration: underline;
 color: #663366;
 font-size: 9px;
}

#id-employerStart
{
   padding: 0;
}

#id-rightEmployerContainer
{

   padding: 17px 20px 10px 115px;
}

#id-employerStart
{
   background: #ebebeb url('/images/backgrounds/employersbg.jpg') no-repeat scroll left top;
   height: 270px;
   width:  483px;
}

.tickertrends,
.marketingBox
{
   background: #ebebeb;
   position: relative;
   padding: 1px 25px 1px 25px;
   margin-bottom: 10px;
   border: solid #999999 1px;
   border-top: solid 5px #663366;
}

.marketingBox p
{
   padding: 5px;
}

#id-indexController
{
   height: 12px;
   background: #663366;
   color: #fff;
   position: relative;
   padding: 3px 1px 3px 4px;
   margin-bottom: 10px;
}

#id-indexController a
{
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
  padding: 5px;
}

#id-indexController a:hover
{
 cursor: pointer;
 color: #FFFF00;
}

.marketingBox
{
   padding: 7px 5px 0px 5px;
}

.tickertrends
{
   height: 183px;
   margin-bottom: 1px;
   padding: 10px;
   overflow-y: scroll;
   overflow-x: hidden;
}

.tickertrends strong
{
   font-size: 15px;
   color: #333;
   padding: 3px;
}

#id-jobMarketgraph
{
   padding: 23px 0px;
   height: 190px;
}

#id-jobMarketgraph p,
#id-jobMarketgraph img
{
    padding: 0px;
    text-align: center;
    margin: 2px 7px;
}

.blurb
{
   color: #333;
   font-size: 14px;
   padding: 10px 0 12px;
   text-align: left;
   line-height: 21px;
}

.slogan
{
   color: #333;
   font-size: 22px;
   text-align: center;
   padding: 20px 0px 20px 0px;
   white-space: nowrap;
   font-weight: bold;
}

#id-topJobs.defBox
{
   width: 473px;
   margin: 5px 1px;
   padding: 5px;
}

#id-topJobs h2
{
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  margin: 4px;
  color: #333;
}

#id-topJobs ol
{
font-size: 11px;
margin-left: 45px;
color: #333;
}

#id-topJobs li
{
font-size: 12px;
line-height: 14px;
color: #663366;
}

#id-topJobs b
{
 font-size: 13px;
}

.flashWrapper
{
   position: relative;
   background-color: #ebebeb;
   border: solid #999 1px;
   border-top: solid 5px #663366;
   height: 354px;
   margin-top: 15px;
   clear: both;
}

.altSwf
{
   background: transparent url('/images/backgrounds/alt_ratecard.jpg') no-repeat;
   height: 280px;
   width: 805px;
   margin: 10px auto;
}

.getFlashLink
{
   bottom: 15px;
   height: 33px;
   position: absolute;
   right: 20px;
}

.getFlashLink a
{
   background: transparent url('/static/images/get_flash_player.gif') no-repeat scroll right center;
   display: block;
   padding: 24px 118px 8px 0;
   text-decoration: none;
   padding-right: 118px;
}

.getFlashLink a:active
{
   outline: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Marquee
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#id-marquee
{
   background-image: url('/images/backgrounds/ticker_bg.jpg');
   background-repeat: no-repeat;
   color: #663366;
   font-size: 15px;
   width: 815px;
   height: 38px;
   padding: 1px 5px;
   margin: auto;
   width: 808px;
}

#id-marquee marquee
{
   padding: 10px;
}

.marqueelabel
{
   font-size: 9px;
   color: #666666;
   margin-right: 17px;
   position: relative;
   float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Wizard
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.wizNavigate
{
   background-color: #ebebeb;
   height: 80px;
   margin: 5px 0;
   padding: 8px 15px;
   border-top: 1px solid #666;
   border-bottom: 1px solid #666;
   clear: both;
}

.wizButton,
.wizLastButton
{
   display: block;
   background: transparent url('/static/images/icons/wizardactive.png') no-repeat scroll top center;
   height: 28px;
   width: 80px;
   padding-top: 50px;
   padding-bottom: 2px;
   margin: 0 13px;
   text-align: center;
   text-decoration: none;
   float: left;
   color: #000;
   border: 1px solid transparent;
}

.wizLastButton
{
   background: transparent url('/static/images/icons/wizardactivefinal.png') no-repeat scroll top center;
}

.wizButton:active,
.wizLastButton:active,
.wizButton:hover
{
   border: 1px dashed #999;
   color: #663366;
}

.wizActive,
.wizActive:hover
{
   outline: 0 none;
   color: #000;
   border-right: 1px solid #663366;
   border-bottom: 3px solid #663366;
   border-left: 1px solid #663366;
   border-top: 0;
}

.wizDisabled,
.wizDisabled:hover,
.wizDisabled:active
{
   background: transparent url('/static/images/icons/wizardinactivefinal.png') no-repeat scroll top center;
   color: #666;
   border: 0 none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Side Bar
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.mSideBar
{
   background: #FFFFFF none repeat scroll 0 0;
   border: 1px solid #CCCCCC;
   float: right;
   margin: 1px 3px 16px 30px;
   padding: 0 5px;
   width: 175px;
}

.mSideBar a
{
   color: #663366;
}

.sideBarDemo,
.sideBarUpdate,
.sideBarCP,
.sideBarBuy,
.sideBarBuyEmp
{
   border: solid 1px #ccc;
   margin: 5px 0;
   background: #fff url('/images/backgrounds/sidebardemo.jpg') no-repeat scroll left center;
}

.sideBarUpdate
{
   background: #fff url('/images/backgrounds/sidebarupdate.jpg') no-repeat scroll left center;
}

.sideBarCP
{
   background: #fff url('/images/backgrounds/sidebarcp.jpg') no-repeat scroll left center;
   text-align: center;
}

.sideBarBuy,
.sideBarBuyEmp
{
   background: #fff url('/images/backgrounds/sidebarbuy.gif') no-repeat scroll left center;
   text-align: left;
   border: none;
}

.sideBarDemo a,
.sideBarUpdate a,
.sideBarCP a

{
   padding: 20px 1px 20px 60px;
   display: block;
}
.sideBarDemo a

{
   text-align: center;
}

.sideBarUpdate a
{
   padding-left: 85px;
}

.sideBarCP a
{
   padding: 9px 1px 9px 118px;
}

.sideBarBuy a,
.sideBarBuyEmp a
{
   padding: 20px 1px 20px 14px;
   text-decoration: none;
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   display: block;
}

.sideBarBuyEmp a
{
   padding: 20px 1px 20px 30px;
   font-size: 11px;
}

.currentRateNote .widgetText,
.currentRateNote .widgetSelect
{
   position: absolute;
   width: 220px;
   padding-top:6px;
   color: #999;
   left: 280px
}

#id-requestFormWrap,
#id-requestFormWrap2
{
  width: 600px;
}

#id-requestFormWrap
{
   background-image: url('/images/backgrounds/cartBG.png');
   background-repeat: no-repeat;
   background-position: top right;
   width: 800px;

}

#id-requestFormWrap .widgetText,
#id-requestFormWrap .widgetSelect
{
   float: left;
   width: 500px;
   padding: 5px;
   border-left: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   margin: 1px 1px 9px 15px;
}

#id-requestFormWrap .marketing h2
{
   width: 815px;
   margin: 20px 15px;
}

.paypal_button
{
   border: solid 1px #999;
   background-color: #663366;
   color: #fff;
   width: 145px;
   padding: 5px;
}

#payPalWrap
{
   border: medium solid #664466;
   height: 28px;
   left: 650px;
   width: 145px;
   position: absolute;
   top: 307px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Footer
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer
{
   background: #666666;
   color: #999999;
   padding: 4px;
   margin: 0 auto;
}

.footerContent
{
   width: 600px;
   margin: 30px auto;
}

.addThis,
.addThisMiniBanner
{
   top: -15px;
   position: absolute;
   right: 0;
}

.addThisMiniBanner
{
   margin-right: 10px;
   position: absolute;
   top: 20px;
   width: 290px;
}

.addThis .tweet,
.addThis .facebook,
.addThis .digg,
.addThisMiniBanner .tweet,
.addThisMiniBanner .facebook,
.addThisMiniBanner .digg
{
   color: #999;
   background-image: url(/images/footer/twitter.gif);
   background-repeat: no-repeat;
   height: 18px;
   width: 80px;
   float: left;
   margin: 0 5px;
   padding-right: 5px;
   border-right: 1px solid #000;
}

.addThis .digg,
.addThisMiniBanner .digg
{
   background-image: url(/images/footer/digg.gif);
   border: 0;
}

.addThis .facebook,
.addThisMiniBanner .facebook
{
   background-image: url(/images/footer/facebook.gif);
}

#scroller_container
{
    overflow: hidden;
    height: 73px;
    position: relative;
    margin-top: 10px;
}

#scroller_container #scroller
{
    width: 4500px;
}

#ticker_container
{
    overflow: hidden;
    height: 73px;
    position: relative;
}

#ticker_container #jobs
{
    width: 4500px;
    margin-top: 8px;
}

.footerLink
{
   float: right;
   width: auto;
}

.footerLink a
{
   text-decoration: none;
   color: #999999;
   font-size: 12px;
   margin-right: 4px;
   border-right: 1px solid #999;
   padding-right: 4px;
}

.footerLink a:hover
{
   text-decoration: underline;
}

.footerLogos
{
   background: url('/images/footer/footer.png') no-repeat scroll center center;
   height: 80px;
   width: 604px;
}

.footerLogoLink
{
   float: left;
}

#id-logoWrapper .tams a,
#id-logoWrapper .cp a,
#id-logoWrapper .pt a,
#id-logoWrapper .mlsa a,
#id-logoWrapper .cd a
{
   float: left;
   height: 32px;
   margin: 25px 16px;
   width: 58px;
}

#id-logoWrapper .cp a
{
   width: 105px;
   margin: 25px 4px;
}

#id-logoWrapper .pt a
{
   width: 120px;
   margin: 25px 15px;
}

#id-logoWrapper .mlsa a
{
   width: 75px;
   margin: 25px 11px;
}

#id-logoWrapper .cd a
{
   width: 115px;
   margin: 25px 11px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Groups
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.rightHalf {float: right; width: 50%;}
.leftHalf {float: left;width: 50%;}

.floatLeft{float: left;width: auto;}
.floatRight{float: right;width: auto;}

.sectionWrapper
{
   border-bottom: 1px solid #666;
   padding-bottom: 5px;
   margin: 5px 0;
}

.defBox
{
   background: #ebebeb;
   padding: 40px;
   margin: 10px auto;
   border: solid #999999 1px;
   border-top: solid 5px #663366;
}

.defBox2
{
   background: #ebebeb;
   padding: 5px 25px 5px 2px;
   width: 316px;
   margin: 10px auto;
   border: solid #999999 1px;
   border-top: solid 5px #663366;
   clear: right;
}

#id-pricingWrap .marketing
{
text-align: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Links
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Plus/ Delete (X) images */
.addLink,
.removeLink
{
   width: 16px;
   height: 16px;
   text-decoration: none;
}

.addLink {background: transparent url('/static/images/icons/add.jpg') no-repeat;}
.removeLink {background: transparent url('/static/images/icons/delete.jpg') no-repeat;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Misc
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.ajaxSpinner
{
  display: none;
}

.clearElement
{
   margin: 0;
   padding: 0;
   height: 1px;
   visibility: hidden;
   clear: both;
}

.clearLeft
{
   margin: 0;
   padding: 0;
   height: 1px;
   visibility: hidden;
   clear: left;
}

.proButton,
.employerButton
{
   float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Buttons
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.passive { color: #666; opacity: 0.5;}

/* Big  yellow buy buttons */
.QSBuytext,
.proBuytext
{
   position: absolute;
   text-align: center;
   height: 109px;
   width: 130px;
}

.proBuytext
{
   top: 118px;
   left: -23px;
}

.QSBuytext
{
   bottom: -38px;
   right: -30px;
}

.QSBuytext a,
.proBuytext a
{
   background: transparent url('/images/backgrounds/buyButton.png') no-repeat scroll center center;
   display: block;
   height: 87px;
   padding: 9px 7px 13px;
   text-decoration: none;
   width: 97px;
}

.QSBuytext p,
.proBuytext p
{
   margin: 0;
}

.QSBuytext b,
.proBuytext b
{
   font-size: 16px;
   color: #333;
}

.QSBuytext strong,
.proBuytext strong
{
   font-size: 22px;
   color: #663366;
}

.QSBuytext span,
.proBuytext span
{
   padding: 0px;
   margin: 1px;
   font-size: 9px;
   color: #333;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Specifics
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* css for find_a_rate.php */
#id-leftContainer
{
   width: 450px;
   margin-right: 150px;
}

#id-rightContainer
{
   padding: 15px 20px;
   border: solid 1px #ccc;
}

#id-rightContainer .widgetPrompt
{
   float: right;
   padding-right: 10px
}

/* Remove silly borders/backgrounds from IE radio and check widgets */
.widgetRadio input,
.widgetCheck input,
.widgetCheck
{
   background-color: transparent;
   border: 0;
}

/* Pricng Page Styles */

#id-QSleftCol .widgetTitleLine
{
   float: left;
   position: relative;
   width: 99%;
   padding: 5px;
   text-transform: capitalize;
}

#id-poweredBy
{
   color: #663366;
   text-decoration: none;
   float: right;
}

#id-poweredBy:hover
{
   color: #fff;
}

.profileBox
{
   position: relative;
   width: 350px;
   height: 300px;
   padding: 20px 30px 15px 7px;
   margin: 10px 8px 0;
}

.profileBox .widgetText,
.profileBox .widgetSelect
{
   border-left: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
   padding: 5px 0 8px 8px;
   clear: left;
   margin-bottom: 5px;
}

#id-QSrightCol h2,
#id-QSleftCol h2,
#id-purchaseTable h2
{
   border-bottom: 1px solid #ccc;
   color: #663366;
   padding: 1px 1px 3px;
   margin-right: 5px;
   text-align: left;
}

#id-QSrightCol
{
   background:#fff none repeat scroll 0 0;
   border: 1px solid #eee;
   float: right;
   padding: 1px 1px 1px 10px;
   position: relative;
   width: 355px;
   margin-bottom: 15px;
   clear: both;
}

#id-QSrightCol p
{
   font-size: 11px;
   color: #333;
}

#id-QSleftCol
{
   background: #FFFFFF none repeat scroll 0 0;
   border: 1px solid #EBEBEB;
   float: left;
   margin-bottom: 15px;
   padding: 5px 20px 20px 20px;
   position: relative;
   width: 391px;
}

#id-QSleftCol td
{
   text-align: center;
}

#id-QSleftCol .clearElement
{
   height: 15px;
}

#id-purchaseTable
{
   border: 1px solid #ebebeb;
   clear: both;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 5px 1px 1px 15px;
}

#id-purchaseLeft
{
   height: 350px;
   width: 320px;
   float: left;
   margin: 15px;
}

.tipsLinkText a
{
   border: solid 1px #ebebeb;
   border-left: solid 3px #663366;
   display: block;
   padding: 20px 1px 16px 13px;
   text-align: left;
   margin: 1px 0px 10px 2px;
   width: 361px;
   color: #663366;
}

.emrToken
{
   border: 1px solid red;
   float: right;
   text-align: center;
   width: 220px;
   border-color: #663366 #CCCCCC #CCCCCC;
   border-style: solid;
   border-width: 4px 1px 1px;
   padding: 5px;
   background-color: #fff;
}

.emrToken .cap
{
   float: none;
   width: auto;
   color: #663366;
   font-size: 17px;
   text-decoration: underline;
   padding-bottom: 2px;
}

.emrToken .field
{
   padding: 0;
}

.reportLinkText a
{
   border-left: dotted 1px #663366;
   display: block;
   margin: 1px 0px 10px 2px;
   padding: 5px 37px 5px 12px;
   width: 190px;
   float: right;
   color: #663366;
}

#id-purchaseRight
{
   background: #fff;
   border-left: solid 1px #ebebeb;
   height: 340px;
   width: 390px;
   float: right;
   padding: 5px 1px 5px 15px;
   margin: 16px 5px 5px 16px;
}

#id-purchaseRight ul
{
   font-size: 13px;
   color: white;
}

#id-cpAdQuickSearch
{
   margin: 0px 10px 10px 2px;
   font-size: 13px;
   color: white;
   height: 171px;
   border: #663366 3px solid;
   background-image: url('/images/backgrounds/cpad.jpg');
}

.adtext
{
   color: #333;
   margin: 135px 1px 4px 3px;
   text-align: center;
   font-weight: bold;
}

.adtext a
{
   color: #663366;
}

#id-screenCapWrap
{
width: 340px;
background-color: #fff;
}

.screenShots
{
    background-color: #fff;
    width: 350px;
    padding: 2px 0px 4px 13px;
    border: solid 1px #ccc;
}

 .screenShots h2
{
   color: #663366;
   border-bottom: 1px solid #CCCCCC;
}

.screenShots p
{
   text-indent: 14px;
}

#id-findARateRestrictedTitle .searchRemain
{
   left: 200px;
   padding: 5px;
   position: absolute;
   top: 2px;
   width: 386px;
   text-align: right;
}

#id-findARateRestrictedTitle .searchRemain label,
#id-searchesRemaining
{
   font-size: 9px;
   color: #663366;
}

.contactMessageBox
{
   margin-left: 35px;
}

.demoButtonRow
{
   margin: 10px 0 0 155px;
}

.pricingTopText
{
   width: 602px;
   margin-bottom: 1px;
   height: 255px;
}

.pricingRatecard strong
{
   padding-left: 15px;
   font-size: 15px
}

.pricingRatecard
{
   height: 200px;
   padding: 15px 4px;
   border: solid 1px #ccc;
   margin-top: 30px;
}

.pricingRatecard img
{
   border: solid 1px #ccc;
   float: right;
   width: 530px;
}

.pricingRatecard .mdList1
{
   border: solid 1px #ccc;
   width: 200px;
   margin: 24px 0px 1px 14px;
   padding-right: 15px;
   padding-left: 30px;
}

.leftElements
{
   width: 420px;
   float: left;
}

#id-widgetWrapper
{
   margin-bottom: 13px;
   padding-bottom: 4px;
   width: 429px;
}

#id-widgetWrapper .widgetText
{
   float: right;
}

#id-widgetWrapper .widgetButton
{
   margin: 5px;
   float: right;
}

#id-widgetWrapper .field
{
   padding-left: 75px;
}

#id-widgetWrapper .cap
{
   width: 55px;
   padding-left: 15px;
}

#id-widgetWrapper input
{
   width: 50px;
}

#id-pricingWrap .marketing table
{
   width: 100%;
   line-height: 16px;
   padding: 0px;
}

.investBox
{
   background-color: #99cc66;
   border: solid 1px #999;
   padding: 5px 10px;
   float: right;
   clear: both;
   text-align: center;
   margin: 35px 10px;
   width: 350px;
}

.marketing .investBox h2
{
   font-size: 15px;
   border-bottom: none;
}

.greenBox
{
   background-color: #99cc66;
   border: solid 1px #999;
   color: #333;
   size: 10px;
   line-height: 20px;
   margin: 5px 0px;
   padding: 5px 10px;
   text-align: center;
}

.blurb .greenBox
{
   font-size: 11px;
}

.pricingTopText .greenBox
{
   margin-left: 20px;
   margin-top: 45px;
}

.greenBox a,
.pricingTopText .greenBox a
{
   color: #333;
   text-decoration: none;
   font-weight: bold;
}

.greenBox a:hover
{
   text-decoration: underline;
 }

/* Sample Report Style */

.sampleCaption h2
{
   color: #663366;
   padding-left: 7px;
   margin: -5px 0px -2px 4px;
}

.marketing p.caption
{
   font-size: 12px;
   padding: 0px;
   width: 585px;
   margin-top: 5px;
 }

.sampleCaption p.caption
{
   border:1px solid #ccc;
   line-height:20px;
   margin:1px 0 0 7px;
   padding:4px 10px 2px 10px;
   width:386px;
}

.sampleCaption img
{
   padding: 5px;
}

.sampleReportTitle
{
   font-size: 20px;
   color: #333;
   padding: 0px;
   margin: 18px 14px 10px;
}

.disclaimer
{
   font-size: 12px;
    color: #999;
    width: 550px;
    margin: 15px 15px 0;
}

#id-empType,
#id-localComp,
#id-natlComp,
#id-trend,
#id-compSize,
#id-rateCardSmpl
{
   border: solid 1px #ccc;
   border-top: solid 4px #663366;
   width: 555px;
   margin: 16px 1px 5px 15px;
   padding: 20px 15px 16px;
}

#id-rateCardSmpl #id-rateCard
{
   padding: 5px;
   margin-top: 10px;
}

#overviewMasthead
{
   background-image: url('/images/backgrounds/overview_masthead.jpg');
   background-repeat: no-repeat;
   height: 236px;
   width: 618px;
   margin: 15px 0px 0px 10px;
   border: solid 1px #ccc;
}

#overviewMasthead h2
{
   color: #333;
   line-height: 25px;
   margin: 85px 27px;
   width: 283px;
   border: none;
   text-align: left;
   font-size: 24px;
}

#overviewMasthead p
{
   width: 100px;
}

.overviewImg
{
   width: 600px;
   float: left;
}

.overviewText
{
   clear: left;
}

/* Contact Page - applies to both contact pages */

.addressBox
{
   background-color: #ffffcc;
   padding: 10px 15px;
   border: solid 1px #999;
   width: 300px;
   color: #663366;
   margin: 15px 0 0 90px;
}

#id-CbtnWrap
{
   width: 200px;
   margin: 15px 1px 1px 120px
 }

#id-demoContactleft
{
   margin: 19px 1px 1px 20px;
   float: none;
}

#id-demoContactleft .widgetText
{
   width: 500px;
   height: 3em;
}

 #id-demoContactleft .buttonRow
{
   margin-left: 120px;
}

#id-demoContactleft .widgetText .field
{
  padding-left: 0px;
  margin-left: 10em;

}

#id-demoContactleft .widgetText .cap
{
  margin-bottom: -25px;
  height: 2em;

}

#id-demoContactleft .widgetDateWrapper .cap
{
   height: 16px;
   margin-bottom: -18px
}
#id-contactUsMessageContainer .contactMessageBox
{
   margin-left: 3em;
}

/* if I.E 6 */
* html #id-contactUsMessageContainer .contactMessageBox{ margin-left: 4em; }

#id-demoContactleft .cap
{
   height: 0px;
   float: none;
}

 #id-demoContactleft #id-prefDate
{
   margin-bottom: 15px;
}

 #id-leftSideDemo
{
  width: 409px;
  margin-left: 15px;
}

#id-rightSide
{
   float: right;
   width: 198px;
   height: 445px;
}

#id-rightSide .demoText
{
   background-color: #99cc66;
   border: solid 1px #999;
   color: #333;
   size: 16px;
   line-height: 15px;
   margin: 5px 9px;
   padding: 5px 10px;
   text-align: center;
}

#id-rightSide .widgetImage
{
   margin-left: -12px;
   width: 209px;
}

#id-rightSide .cpad,
#id-rightSide .marketing img,
#id-rightSide .marketing p
{
   padding: 0px;
   margin: 0px;
}

#id-rightSide .marketing strong
{
   padding: 2px;
   margin: 0 5px;
   border-bottom: solid 1px #ebebeb;
}

#id-rightSide .cpad
{
   border: solid 1px #ebebeb;
   width: 198px;
   padding-bottom: 15px;
}

#id-rightSide .marketing ul
{
   padding: 5px 20px;
   margin: 10px;
   text-align: left;
}

#id-leftSide
{
   margin-left: 15px;
   width: 525px;
   margin-bottom: 15px;
}

#id-leftSide h3
{
   color: #663366;
   font-size: 20px;
   line-height: 24px
}

#id-leftSide p
{
   color: #333;
   line-height: 15px;
   font-size: 12px;
   margin-bottom: 30px;
   margin-top: -15px;
}

/*Marketing Pages Resuable Classes */

/* SevenTips */
.marketing
{
   text-align: justify;
}

.marketing ul
{
   margin-top: 1px;
}

.marketing table
{
   margin: 15px;
   border: none;
   background-color: #fff;
   padding: 5px;
   width: 50%;
}

.marketing table#mTechRvP {width: 97%;}

.marketing td
{
   padding: 5px;
   border: solid 1px #ccc;
}

.marketing .note
{
   color: #999999;
   border: none;
   font-size: 10px;
   width: 275px;
}

.marketing td.topbar
{
   padding: 5px;
   border: solid 1px #ccc;
   background: #663366;
   color: #fff;
}

.marketing p
{
   margin: 14px 15px 0px 15px;
   line-height: 20px;
   padding: 5px;
}

.marketing strong
{
   color: #663366;
   font-size: 14px;
}

.marketing h2
{
   color: #663366;
   font-size: 20px;
   border-bottom: solid 1px #ccc;
   margin: 10px 1px 1px 15px;
}

.marketing img
{
   padding: 20px;
}

.marketing a
{
   color: #663366;
}

/* CP Landing Page */
#id-textWrap
{
   height: 155px;
   clear: both;
}

#id-formWrapper
{
   margin-top: 15px;
   border-top: solid #ccc 1px;
   padding: 15px 0px 15px 25%;
}

.cpLandingForm
{
   padding: 2px 1px 5px 25px;
}

.cpLandingForm input,
.cpLandingFormselect,
.cpLandingFormtextarea
{
   margin-bottom: 5px;
}

/* Login */
#id-seekerStart .field
{
   padding-left: 7em;
}

/* Emailme */
.emailmeAd
{
   border-color: #000 #000 #ebebeb #ebebeb;
   border-style: solid;
   border-width: 150px;
}

/* Projects */
.project_info
{
   padding: 5px 0;
}

.project_info .cap
{
   float: left;
}

/* Supplier Cost */

.supplierWidget .cap label
{
   font-weight: bold;
}

.tableWrapper,
.tableWrapperMedium,
.tableWrapperBig
{
   float: right;
   clear: right;
   width: 308px;
}

.tableWrapperMedium {width: 430px;}
.tableWrapperBig {width: 615px;}

#id-negotiation_form label
{
   font-weight: bolder;
   vertical-align: baseline;
}

#id-container_list input[disabled="disabled"]
{
   color: black;
}

.supplier_checkbox
{
   margin-bottom: 15px;
}

.supplier_checkbox .cap label
{
   font-weight: bold;
}
.supplier_checkbox input
{
   margin-left: 70px;
}

.supplier_input_number
{
   margin-bottom: 15px;
}

.supplier_input_number input,
.input_number
{
   text-align: right;
}

#id-container_list input
{
   text-align: right;
}

#id-section0 .cap
{
   clear: both;
   float: left;
   padding-right: 1em;
   width: 15em;
}

/* Internal Rate Cards */
.internalRateCardTable .widgetText
{
   width: 100%;
}

/* Hide Box */
.showArrow,
.hideArrow
{
   position: absolute;
   top: -10px;
   right: 0;
   background: transparent url('/images/icons/more.png') no-repeat center top;
   height: 30px;
   width: 30px;
}

.showArrow
{
   background: transparent url('/images/icons/less.png') no-repeat center top;
   display: none;
}

.hideBox
{
   position: relative;
   padding-right: 35px;
}

.hiddenTxt
{
   display: none;
}

.hideBox #id-jobDescription
{
   width: 645px;
}

.spacer
{
   border: none;
   height: 2px;
   margin: 4px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Charts
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.pChart
{
   background: #fff;
}

.marketChartPlaceHolder
{
   padding: 5px;
   margin: 5px 0;
}

/* Trend Graphs */
.ircTrendGraph
{
   border: 1px solid #333;
   margin: 5px 0 10px;
   height: 180px;
   display: none;
}

.ircToggleGraph
{
   display: block;
   padding: 0;
   width: 150px;
}

.showIt,
.hideIt
{
   display: block;
   float: left;
   height: 16px;
   width: 16px;
   padding-right: 5px;
}

.showIt {background: transparent url('/static/images/icons/add.jpg') no-repeat;}
.hideIt {background: transparent url('/static/images/icons/delete.jpg') no-repeat;}

.hideIt
{
   display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               Admin_User_Detail/Edit
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#id-userCountry
{
   float: right;
}

/* Temporary Celebrating Ten Years Banner */

#id-celebratingBanner
{
   padding: 50px;
   background: transparent url('/images/backgrounds/ten_year_banner.png') no-repeat;
   position: absolute;
   padding: 95px;
   top: 0;
   left: 17px;
   z-index: 9999999999;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               PowerZone Page
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.tickerresultswrap
{
   background: url(/images/data_magnify.png) no-repeat top right;
   margin: -5px 0 25px 0;
}

#id-purpleStar
{
    background: url(/images/purple_star.png) no-repeat top right;
    padding: 75px;
    position:relative;
    right:-50px;
    top:-315px;
}

#id-sampleReportLink
{
   position:relative;
   left:575px;
   text-decoration:underline;
   top:200px;
}

.tickerresultswrap table { width: 500px; font-size: 13px;}

.tickerresultswrap a.widgetHeaderList { font-size: 13px;}

.tickerresultswrap td
{
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

.informationwrap
{
   float: right;
   min-width:220px;
   min-height: 450px;
   position: relative;
   top:-235px;
}

#id-requestformwrap
{
   border: 15px solid #666;
   padding: 10px 10px 100px 10px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-right-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-bottomright: 20px;
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

#id-requestformwrap .widgetPageTitle
{
   border-bottom:1px solid #CCCCCC;
   color:#663366;
   display:block;
   font-size:17px;
   font-weight:normal;
   margin-bottom:9px;
}

#id-requestformwrap #widgetTitleBar { display:none;}

.pzMarketingText
{
   background-color:#EBEBEB;
   font-size:14px;
   line-height:12px;
   margin-bottom:10px;
   padding:15px 15px 25px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-right-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-bottomright: 20px;
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

.pzMarketingText h2
{
   color:#333333;
   font-size:32px;
   line-height: 30px;
   font-weight:normal;
   margin:5px 0 10px;
   width:600px;
}

.pzMarketingText h2 p
{
   font-size: 14px;
}
.pzMarketingText strong
{
   color: #663366;
}

.requestformwrap input { width: auto;}

.requestformwrap select,
.requestformwrap textarea
{
   width: 200px;
}

#id-formLeft { float: left; width: 350px;}
#id-formRight { float: right; width: 350px;}

.powerZoneMarketing
{
   text-align: justify;
   float: left;
   margin-right:62px;
}

#id-searchAgainGroup
{
   background-color:#FFF;
   padding:25px 10px 5px 10px;
   width:475px;
   margin-top: 15px;
   border-top: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
}