/*  
Theme Name: PeopleSurv
Theme URI: http://peoplesurv.com/
Description: Theme for PeopleSurv
Version: 1.0
Author: Darren Cunningham
Author URI: http://darrencunningham.com/

	PeopleSurv 1.0
	
	The CSS, HTML and design is copyright of PeopleSurv Limited.
*/

@import url(lib/reset.css);
@import url(lib/fonts.css);

body {
  color:#666666;
  min-width: 770px;
}
a {
  color:#ff6600;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
.hidden {
  display: none;
}
#header h1 {
  background-image:url(img/_logo.png);
  height:90px;
  text-indent:-1000em;
  width:770px;
}
#header h1 a {
  display: block;
  height:90px;
}
#header #mainnav {
  background:#ff6600;
  padding: 0 0 0 332px;
  overflow:hidden;
  height:20px;
}
#header #mainnav li {
  background:#ff6600;
  float:left;
  list-style-type:none;
  border-right: 1px white solid;
  height:20px;
}
#header #mainnav li:first-child {
  border-left: 1px white solid;
}
#header #mainnav li a {
  color: white;
  text-decoration: none;
  font-weight: normal;
  padding:1px 10px 0 10px;
  height: 19px; /* #mainnav height - a:padding-top */
  display: block;
}
#header #mainnav li a:hover {
  background: #000092;
}
#sidebar {
  float:left;
  width:270px
}
#sidebar #subnav {
  margin:30px 60px 30px 30px;
  width: 180px;
  line-height: 1;
}
#sidebar #subnav li {
  text-transform: uppercase;
  border-bottom: 1px solid #8d8d8d;
  margin: 5px 0 5px 0;
  color: #ff6600;
  font-weight: bold;
  font-size: 91%;
}
#sidebar #subnav li:first-child {
  border-top: 1px solid #8d8d8d;
  margin-top: 0;
  padding-top: 5px;
}
#sidebar #subnav li ul{
  margin-top: 5px;
}
#sidebar #subnav li ul li{
  text-transform: none;
  border: none;
  font-weight: normal;
  padding-left: 14px;
  background: url(img/_square.gif) no-repeat;
  height:12px;
}
#sidebar #subnav li ul li:first-child{
  border-top: 1px solid #8d8d8d;
  background-position: 0 5px;
}
#sidebar #subnav li ul li a {
  color: #666666;
  text-decoration: none;
  font-weight: normal;
}
#sidebar #subnav li ul li a:hover {
  color: #0000A0;
  font-weight: bold;
}
#sidebar .affiliate {
  margin: 60px 60px 15px 30px;
}
#content {
  margin:30px 0 15px 0;
  float:left;
  width: 500px;
}
#content h2 {
  color: #000099;
  font-size: 138.5%;
  line-height: 1.1;
  font-weight: bold;
}
#content h3 {
  color: #000099;
  font-size: 116%;
  line-height: 1.1;
  font-weight: bold;
}
#content p {
  margin: 15px 0 15px 0;
  line-height: 1.5;
}
#content h2 em,
#content h3 em,
#content strong,
#content strong em {
  font-weight: bold;
}
#content em,
#content em strong {
  font-style: italic;
}
#content hr {
  margin: 14px 0 14px 0;
}
#content ol {
  margin: 15px 0 15px 0;
  line-height: 1.5;
  padding-left: 20px;
}
#content ol ol {
  margin: 0;
}
#content ol li {
  list-style: outside decimal;
}
#content ul {
  margin: 15px 0 15px 5px;
  line-height: 1.5;
  padding-left: 15px;
}
#content ul ul {
  margin: 0 0 0 5px;
}
#content ul li {
  list-style: outside square;
}
#content table {
  width:470px;
  margin: 15px;
  line-height: 1.5;
}
#content table th {
  padding:10px;
  border:1px solid #ccc;
  vertical-align:top;
  font-weight:bold;
  text-align:center;
}
#content table td {
  padding:10px;
  border:1px solid #ccc;
  vertical-align:top;
}
#content table caption {
  font-weight: bold;
  padding: 0 15px 15px 15px;
}
#footer {
  clear:both;
  padding: 7px 0 7px 270px;
  border-top: 1px #8d8d8d solid;
}

/*  All padding-top below are background-image height + 12px to create a gap to the heading (h2) */

#home #content {
  background: url(img/home.png) no-repeat;
  padding-top: 177px; 
}
#format-options #content,#format-options.canto #content,
#employee-surveys #content {
  background: url(img/employee-surveys.png) no-repeat;
  padding-top: 177px; 
}
#customer-surveys #content,#consumer-evaluation-tracking-services #content {
  background: url(img/customer-surveys.png) no-repeat;
  padding-top: 147px; 
}
#n360-degree-feedback #content {
  background: url(img/360-degree-feedback.png) no-repeat;
  padding-top: 102px; 
}
#other-applications #content,#other-online-applications #content {
  background: url(img/other-applications.png) no-repeat;
  padding-top: 102px; 
}
#pricing-information #content,#pricing.canto #content,
#our-ethos #content {
  background: url(img/our-ethos.png) no-repeat;
  padding-top: 102px; 
}
#contact-us #content {
  background: url(img/contact-us.png) no-repeat;
  padding-top: 102px; 
}
#profile #content {
  background: url(img/profile.png) no-repeat;
  padding-top: 382px; 
}
#associate-programme #content,#demo-surveys #content {
  background: url(img/associate-programme.png) no-repeat;
  padding-top: 102px; 
}
#the-pioneer-group.canto #content{
  background: url(img/the-pioneer-group.png) no-repeat;
  padding-top: 112px; 
}
#resources.canto #content{
  background: url(img/resource-center.png) no-repeat;
  padding-top: 90px; 
}
#canto-march-2009.canto #content {
  background: url(http://peoplesurv.com/wordpress/wp-content/uploads/image/canto-2009.png) no-repeat;
  padding-top: 127px;
}
#error-404 #content ul li,
#site-map #content ul li {
  margin:5px 0 5px 0;
}
#error-404 #content ul li ul,
#site-map #content ul li ul {
  margin:0 0 0 5px;
}
#error-404 #content ul li ul li a,
#site-map #content ul li ul li a {
  font-weight: normal;
}
#contact-us #content .vcard {
  float: left;
  margin: 15px 60px 30px 0;
}
#contact-us #content p {
  float: left;
}
#content .floatleft {
  float: left;
  margin: 15px 15px 15px 0;
  border: 2px solid #f60;
}
#content .floatright {
  float: right;
  margin: 15px 0 15px 15px;
  border: 2px solid #f60;
}
#content .center {
  display: block;
  margin: auto;
  border: 2px solid #f60;
}
.canto #header h1 {
  background-image: url(img/_logo-canto.png);
  height: 120px;
}
.canto #header h1 a {
  height: 120px;
}
.canto #header #mainnav {
  padding: 0 0 0 515px;
}
.canto #sidebar #subnav li {
  border-bottom: none;
}
.canto #sidebar #subnav .page-item-24 {
  border-bottom: 1px solid #8d8d8d;
  padding-bottom: 5px;
}
.canto #sidebar #subnav li ul li {
  height: auto;
  background:none;
  padding-left: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 100%;
}
.canto #sidebar #subnav li ul li a {
  background: url(img/_square.gif) no-repeat;
  padding-left: 14px;
  background-position: 0 2px;
  text-transform: none;
  font-weight: normal;
  font-size: 91%;
}
.canto #sidebar #subnav li ul li ul {
  border-bottom: 1px solid #8d8d8d;
}
.canto #sidebar #subnav li ul li ul li {
  font-size: 100%;
}
.ealing-homes #header h1 {
  background-image: url(img/_logo-360-hosting.png);
}
.ealing-homes #header #mainnav {
  padding: 0 0 0 489px;
}
.ealing-homes #sidebar #subnav li {
  border-bottom: none;
}
.ealing-homes #sidebar #subnav .page-item-39 {
  border-bottom: 1px solid #8d8d8d;
  padding-bottom: 5px;
}
.ealing-homes #sidebar #subnav li ul li {
  height: auto;
  background:none;
  padding-left: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 100%;
}
.ealing-homes #sidebar #subnav li ul li a {
  background: url(img/_square.gif) no-repeat;
  padding-left: 14px;
  background-position: 0 2px;
  text-transform: none;
  font-weight: normal;
  font-size: 91%;
}
.ealing-homes #sidebar #subnav li ul li ul {
  border-bottom: 1px solid #8d8d8d;
}
.ealing-homes #sidebar #subnav li ul li ul li {
  font-size: 100%;
}
#home.ealing-homes #content {
  background: url(img/_logo-ealing-homes.png) no-repeat;
  padding-top: 215px;
}
#general.ealing-homes #content, #rating-scale #content, #transition-arrangements #content, #updated-jps-guidance #content, #emt #content, #mot #content, #team-leaders #content, #all-employees #content, #good-practice #content, #advice-and-guidance #content, #self-assessment #content, #managers-assessment #content, #access-reports #content, #enter-agreed-ratings #content, #objectives-pdp #content  {
  background: url(img/_logo-ealing-homes_small.png) no-repeat;
  padding-top: 120px;
}
.ealing-homes .ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}
.ealing-homes .ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ealing-homes .ac_results ul li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /*  it is very important, if line-height not set or set in relative units scroll will be broken in firefox */
  line-height: 16px;
  overflow: hidden;
}
.ealing-homes .ac_results ul li strong {
  font-weight: bold;
}
.ealing-homes .ac_odd {
	background-color: #eee;
}
.ealing-homes .ac_over {
	background-color: #000092;
	color: white;
}

#registering-contributors.ealing-homes #registration fieldset {margin:15px 0 15px 0;background-color:#eee;padding:15px;}
#registering-contributors.ealing-homes #registration fieldset label {width:50px;display:-moz-inline-box;display:inline-block;margin:3px 0;padding:3px;}
#registering-contributors.ealing-homes #registration fieldset legend {font-weight:bold;font-size:116%;color:#f60}
#registering-contributors.ealing-homes #registration fieldset ol {margin:0;}
#registering-contributors.ealing-homes #registration fieldset ol li {margin:5px 0;vertical-align:middle;}
#registering-contributors.ealing-homes #registration fieldset p {margin:0 0 15px 0}
#registering-contributors.ealing-homes #registration fieldset textarea {width: 462px}
#registering-contributors.ealing-homes #registration fieldset input {width:250px;}
#registering-contributors.ealing-homes #registration fieldset textarea,
#registering-contributors.ealing-homes #registration fieldset input {border:1px solid #666;margin:3px 0;padding:3px;}
#registering-contributors.ealing-homes #registration fieldset textarea:focus,
#registering-contributors.ealing-homes #registration fieldset input:focus {background-color:#f6f6f6}
#registering-contributors.ealing-homes #registration fieldset#login ol li,
#registering-contributors.ealing-homes #registration fieldset#senior-management ol li,
#registering-contributors.ealing-homes #registration fieldset#line-manager ol li {list-style-type:none;}
#registering-contributors.ealing-homes #registration fieldset#others label {width:11em;}
#registering-contributors.ealing-homes #registration fieldset#others label.error {color:red;width:18em;padding-left:13em;}
#registering-contributors.ealing-homes #registration fieldset#comments label,
#registering-contributors.ealing-homes #registration fieldset#buttons legend {display:none;}
#registering-contributors.ealing-homes #registration fieldset#buttons input {width:100px;margin:0 181px 0 181px;}
#registering-contributors.ealing-homes #registration fieldset#login input#checkpin {width:258px;}
#registering-contributors.ealing-homes #registration fieldset#login p#message {margin:17px 0 0 56px;width:258px;text-align:center;}