/***************************************************************************
 * Styles for WorkDocx user groups.
 *
 * @Author - Fenwick Walker for Grafmix Limited [http://www.grafmix.co.uk]
 * @Date - 10.2009
 * @Copyright - (c) 2009 Workdocx Ltd
 ***************************************************************************/
#scenario_chooser {
  margin: 1em 0 2em;
  padding: 0 0 32px 0;
  background: transparent url('../../img/user_groups/scenario_chooser/bg_bottom.gif') bottom left no-repeat;
}

  #scenario_chooser h3 {
    padding: 15px;
    background: transparent url('../../img/user_groups/scenario_chooser/bg_top.gif') top left no-repeat;
  }
  
  #scenario_chooser p {
    margin: 0;
    padding: 0 15px 15px;
    font-size: .9em;
    background: transparent url('../../img/user_groups/scenario_chooser/bg_middle.gif') top left repeat-y;
  }
  
  #scenario_chooser ul {
    padding: 10px 15px 0;
    background: transparent url('../../img/user_groups/scenario_chooser/bg_middle.gif') top left repeat-y;
    list-style: none;
    overflow: hidden;
    font-size: .95em;
  }
    #scenario_chooser ul li {
     display: block;
		 width: 12.85em;
		 float: left;
     margin: 0 3px 3px 0;
     background: transparent url('../../img/user_groups/scenario_chooser/link_r.gif') top right no-repeat; 
    }
    #scenario_chooser ul li.current {
      background: transparent url('../../img/user_groups/scenario_chooser/link_current_r.gif') top right no-repeat;
    }
      #scenario_chooser ul li span.link_style1 {
        display: block;
        padding: 5px 0 0 0;
        background: transparent url('../../img/user_groups/scenario_chooser/link_l.gif') top left no-repeat;
      }
      #scenario_chooser ul li.current span.link_style1 {
        background: transparent url('../../img/user_groups/scenario_chooser/link_current_l.gif') top left no-repeat;
      }
        #scenario_chooser ul li span.link_style2 {
          display: block;
          background: transparent url('../../img/user_groups/scenario_chooser/link_r.gif') bottom right no-repeat;
        }
        #scenario_chooser ul li.current span.link_style2 {
          background: transparent url('../../img/user_groups/scenario_chooser/link_current_r.gif') bottom right no-repeat;
        }
          #scenario_chooser ul li a {
            display: block;
            padding: 15px 10px 20px;
            line-height: 5px;
						text-align: center;
            text-decoration: none;
            background: transparent url('../../img/user_groups/scenario_chooser/link_l.gif') bottom left no-repeat;
            color: #555d5d;
            outline: none;
          }
          #scenario_chooser ul li.current a {
            background: transparent url('../../img/user_groups/scenario_chooser/link_current_l.gif') bottom left no-repeat;
            color: #010101;
          }
            #scenario_chooser ul li a:hover {
              color: #010101;
            }

#about_panels {
  width: 625px;
  overflow: auto;
  margin: 1em auto;
  float: left;
  font-size: 1em;
}

#about_panels .panel {
  margin: 0 auto;
  width: 605px; /* reduced by 20px to avoid horizontal scroll */
  position: relative;
  bottom: 40px;
  padding: 60px 0 0 0;
}


#about_panels p {
  margin: .5em 0 .5em 0;
}

#panel1, #panel2, #panel3, #panel4 {
  overflow: hidden;
  margin: 0 0 3em;
}

#about_panels h3 {
  font-family: Georgia, serif;
  font-size: 1.5em;
  font-weight: normal;
  color: #121212;
}

#panel_controls {
  width: 625px;
  height: 40px;
  margin: 0 auto;
  overflow: auto;
  position: absolute;
  bottom: 20px;
}
#panel_controls li {
  display: block;
  position: relative;
  bottom: 0;
}
#panel_controls li a {
  display: block;
  width: 65px;
  height: 40px;
  cursor: pointer;
}
#panel_controls li#next_panel a span, #panel_controls li#previous_panel a span {
  display: block;
  width: 65px;
  height: 40px;
  position: absolute;
  background: transparent url('../../img/about/panel_controls/next.jpg') -65px 0 no-repeat;
}
#panel_controls li#previous_panel a span {
  background: transparent url('../../img/about/panel_controls/previous.jpg') -65px 0 no-repeat;
}
#panel_controls li#next_panel a:hover span, #panel_controls li#previous_panel a:hover span {
  background-position: 0 0;
}

#previous_panel {
  float: left;
}
#next_panel {
  float: right;
}



  #side_panel {
    width: 305px;
  }
    #side_panel .wrapper {
      width: 305px;
    }
    #side_panel h2#twitjobs_logo {
      width: 305px;
      height: 53px;
      margin: 13px 0 0;
    }
      #side_panel h2#twitjobs_logo span {
        display: block;
        width: 305px;
        height: 53px;
        position: absolute;
        background: transparent url('../../img/twitjobs/twitjobs_logo.jpg') top left no-repeat;
      }
    #side_panel h3 {
      text-align: center;
      color: #555d5d;
    }
    #side_panel ul {
      width: 265px;
      margin: 1em auto;
      list-style: none;
      font-size: .9em;
      border-top: 1px dashed #ccc;
    }
      #side_panel ul li {
        display: block;
      }
      #side_panel ul li {
        margin: 0 0 .2em;
        padding: .5em 0;
        border-bottom: 1px dashed #ccc;
      }
        #side_panel ul li a {
          text-decoration: none;
          font-weight: bold;
          color: #8cb300;
        }
        #side_panel ul li a:hover {
          color: #242424;
        }
      #side_panel ul li#twitter_link {
        margin: .5em 0 0 0;
        border: none;
      }
        #side_panel ul li#twitter_link a {
          display: block;
          width: 87px;
          height: 20px;
          margin: 0 auto;
        }
        #side_panel ul li#twitter_link a span {
          display: block;
          width: 87px;
          height: 20px;
          position: absolute;
          background: transparent url('../../img/global/twitter_logo.jpg') top left no-repeat;
        }
        #side_panel ul li#twitter_link a span:hover {
          background-position: 0 -20px;
        }

/************************
 * INDIVIDUALS SPECIFIC
 ***********************/
#job_seeking_panel1 img {
  display: block;
  float: left;
  margin: -150px 10px 0 0 ;
}

#job_seeking_panel1 h3 {
  width: 441px;
  margin: 110px 0 0 97px;
}

#job_seeking_panel2 img {
  display: block;
  float: right;
  margin: -150px 0 0 0;
}

#job_seeking_panel2 h3 {
  width: 350px;
  margin: 75px 0 0 0;
}

#job_seeking_panel3 img {
  display: block;
  margin: -200px 0 2.7em 0;
}

#job_seeking_panel3 h3 {
  margin: 160px 0 0 0;
}

#job_seeking_panel4 img {
  display: block;
  float: right;
  margin: -140px 0 .5em 0;
}

#job_seeking_panel4 h3 {
  width: 334px;
  margin: 30px 0 0 0;
}

/************************
 * EMPLOYERS SPECIFIC
 ***********************/
#managing_freelancers_panel1 img {
  display: block;
  float: left;
  margin: -200px 10px 0 0 ;
}

#managing_freelancers_panel1 h3 {
  width: 261px;
  margin: 90px 0 0 285px;
}

#managing_freelancers_panel2 img {
  display: block;
  float: right;
  margin: -140px 0 0 0;
}

#managing_freelancers_panel2 h3 {
  width: 350px;
  margin: 80px 0 0 0;
}

#managing_freelancers_panel3 img {
  display: block;
  float: left;
  margin: -200px 0 1em 0;
}

#managing_freelancers_panel3 h3 {
  margin: 130px 0 0 185px;
}

#managing_freelancers_panel4 img {
  display: block;
  float: right;
  margin: -140px 0 0 0;
}

#managing_freelancers_panel4 h3 {
  width: 390px;
  margin: 70px 0 0 0;
}

#psl_suppliers_panel1 img {
  display: block;
  margin: -330px auto 3em;
}

#psl_suppliers_panel1 h3 {
  width: 625px;
  margin: 300px 0 0 0;
}

#psl_suppliers_panel2 img {
  display: block;
  margin: -350px auto 5.5em;
}

#psl_suppliers_panel2 h3 {
  width: 625px;
  margin: 290px 0 0;
}

#psl_suppliers_panel3 img {
  display: block;
  margin: -270px auto 3.7em;
}

#psl_suppliers_panel3 h3 {
  width: 625px;
  margin: 290px 0 .2em 0;
}

#psl_suppliers_panel4 img {
  display: block;
  margin: -330px auto 8em;
}

#psl_suppliers_panel4 h3 {
  width: 625px;
  margin: 260px 0 0 0;
}

#talent_searching_panel1 img {
  display: block;
  margin: -215px 0 .5em 0;
}

#talent_searching_panel1 h3 {
  width: 240px;
  margin: 80px 0 0 380px;
}

#talent_searching_panel2 img {
  display: block;
  margin: -110px auto .5em;
}

#talent_searching_panel2 h3 {
  width: 625px;
  margin: 20px 0 2em 0;
}

#talent_searching_panel3 img {
  display: block;
  float: right;
  margin: -200px 0 0 0;
}

#talent_searching_panel3 h3 {
  width: 300px;
  margin: 90px 0 0 0;
}

#talent_searching_panel4 img {
  display: block;
  float: left;
  margin: -160px 0 0 0;
}

#talent_searching_panel4 h3 {
  width: 315px;
  margin: 60px 0 0 292px;
}

#workforce_management_panel1 img {
  display: block;
  float: left;
  margin: -220px 0 0 0 ;
}

#workforce_management_panel1 h3 {
  width: 290px;
  margin: 120px 0 0 330px;
}

#workforce_management_panel2 img {
  display: block;
  margin: -400px auto 3em;
}

#workforce_management_panel2 h3 {
  width: 625px;
  margin: 310px 0 2em 0;
}

#workforce_management_panel3 img {
  display: block;
  float: right;
  margin: -180px 0 0 0;
}

#workforce_management_panel3 h3 {
  width: 360px;
  margin: 140px 0 .2em 0;
}

#workforce_management_panel4 img {
  display: block;
  margin: -340px auto 3.3em;
}

#workforce_management_panel4 h3 {
  width: 625px;
  margin: 310px 0 0 0;
}