/* CSS for Hartwell Buck website */
html, body {height: 100%;}
body {font: 75%/1.3 Verdana, Arial, Helvetica, sans-serif; background:url(../assets/bk.png) repeat-y top left #fff; color:#000; text-align:left;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* page container */
div#container {width:770px; position:relative; min-height:100%; height:auto !important; height:100%;}
html>body #container {height: auto;}
/* end page containers */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {width:750px;}
div#content {float:left; display:inline; margin:0 0 0 200px; padding:0 30px 40px 30px; width:570px; w\idth:510px;}
div#left {float:left; margin:0 0 0 -770px; display:inline; width:200px;}
/* end general layout rules */

/* page header */
div#header {height:260px; background-repeat: no-repeat; background-position: top right; background-color: #E1E1E1;} 
div#header img {border:none;}
div#header h1, div#header p {display:none;}
.home {background-image:url(../images/header-image-one.jpg);}
.operations {background-image:url(../images/header-image-ten.jpg);}
.finance {background-image:url(../images/header-image-two.jpg);}
.bespoke {background-image:url(../images/header-image-nine.jpg);}
.management {background-image:url(../images/header-image-seven.jpg);}
.contact {background-image:url(../images/header-image-four.jpg);}
.search {background-image:url(../images/header-image-twelve.jpg);}
div#header.admin {background-color:#AF0227; height:100px;}
div#header.admin img {float:left; }
div#header.admin h2 {float:left; font-size:2em; margin:2em 0 0 30px; color:#fff;}
/* end page header */

/* primary navigaton */
div#header ul {margin:45px 0 0 20px; list-style-type:none;}
div#header li {line-height:1.4;}
div#header ul li a {text-decoration:none; width:180px; display:block;}
div#header ul li a:hover, div#header ul li.active a {color:#000; text-decoration:none;}
/* end primary navigaton */

/* search */
div#search {background-color:#d5d5d5; padding:20px;} 
div#search form {padding: 0;}
div#search h3 {padding:5px 0 5px 0; margin:0}
div#search p {margin:10px 0 0 0;}
div#search input {font-size:.92em; border:1px solid #999; padding:3px 2px; width:135px;}
div#search label {margin:5px 0 2px 0; cursor:pointer;}
div#search input.button, div#applylink input.button {display:inline; margin:0 0 0 0; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#bbb;border:1px solid #999; clear:left;}

div#adminsearch input {font-size:.92em; float:left; padding:3px 2px; margin:0.075em 0; border: 1px solid #ccc; background:none; width: 180px;}
div#adminsearch input.button {float:left; margin:1px 6px 10px 10px; padding:1px 0 3px 0; width:auto; cursor:pointer; background:#e1e1e1; border:1px solid #999;}

div#search input.checkbox {border:none; width:auto;}
div#search ul.radio {float:left; margin:5px 0 15px 0; list-style-type:none;}
div#search ul.radio li {clear:left; padding:4px 0;}
* html div#search ul.radio li {padding:0;}
div#search ul.radio li label {float:left; width:120px; margin:0 0 0 20px;}
div#search ul.radio li input {float:left; margin:0 0 0 -140px; width:auto; border:none;}
* html div#search ul.radio li input {margin-left: -145px;}
/* end search */

/* user login */
div#userlogin {padding:20px; background-color:#d5d5d5;} 
div#userlogin form {padding: 0;}
div#userlogin fieldset {border: 0; margin:0 0 5px 0;}
div#userlogin h3 {padding:5px 0 5px 0; margin:0}
div#userlogin p {margin:10px 0 0 0;}
div#userlogin input {font-size:.92em; border:1px solid #999; padding:3px 2px; width:135px;}
div#userlogin label {margin:5px 0 2px 0; cursor:pointer;}
div#userlogin input.button {display:inline; margin:0 0 0 0; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#bbb;border:1px solid #999; clear:left;}
/* end login */

/* admin menu */
div#admin {background-color:#d5d5d5; padding:20px;} 
div#admin h3 {padding:5px 0 5px 0; margin:0;}
div#admin p {margin:1em 0 0 0;}
div#admin ul {list-style-type:none; margin:0 0 .2em 0;}
div#admin li {padding:2px 0;}
/* end admin menu */


/* search results and detail */
div#sortby {background:#fff; border-top:1px solid #999; border-bottom:1px solid #999; float:left; padding:10px 0; margin:0 0 20px 0; width:510px; }
div#content div#sortby ul {list-style-type:none; margin:0; float:left;}
div#content div#sortby ul li {padding:0 15px 0 0; width:auto; float:left;}

div#content ul.searchresults {list-style-type:none; padding:0 0 10px 0; margin:0; float:left;}
div#content ul.searchresults li {padding:0 25px 0 0; width:auto; float:left;}

div#content ul.jobdetails {list-style-type:none; margin:0;}
div#content ul.jobdetails li {padding:0;}
div#applylink {margin:10px 0 20px 0;}
.contactdetails p {margin:0;}
.contactdetails {margin:5px 0 20px 0; line-height:1.5;}

div#apply form {width:400px; margin: 20px 0 10px 0;}
div#apply fieldset {border:none;}
div#apply label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 180px; float:left;}
div#apply input, div#apply textarea, div#apply select {width:200px; float:left; margin:0.075em 0; border: 1px solid #ccc; background:none;}
div#apply option {background: #fff;}
div#apply input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#apply input.button {display:inline; margin:5px 0 0 180px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#bbb;border:1px solid #999; clear:left;}

input.userbutton {display:inline; margin:5px 10px 0 0; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#ccc;border:1px solid #999; clear:left;}

/* end search results and detail */

/* general typography */
h2, h3, h4, h5 { color:#000; font-weight:normal;}
h2 {font-size:2em; margin:.8em 0 .6em 0;}
h3 {font-size:1.4em; margin:.6em 0 .2em 0;}
h4 {font-size:1.2em; margin:0 0 .6em 0;}
h5 {font-size:1em;  margin:.1em 0 .1em 0;}
h6 {font-size:1em; font-weight:normal; margin:2.5em 0 0 0 ;}
p {margin:0 0 1.4em 0;}
p.feed {margin:20px 0 0 0;}
p.feed a {padding:2px 0 0 20px; background:url(../images/rss.gif) no-repeat;}
acronym {border-bottom: 1px dashed #666; cursor: help;}
hr {height:1px; color:#999; border: 0; background-color: #999; margin: 10px 0; overflow:hidden; }

div.line {border-bottom:1px solid #999; margin:10px 0 15px 0; height:2px; clear:left;}
div.line hr{display:none;}

div.sitemap p {margin:0 0 .2em 0;}
/* end general typography */

/* lists */
div#content ul {margin:0 0 10px 14px; list-style-type:square;}
div#content ul li {padding:0 0 0 10px; line-height:1.5}

div#content ul.nobullets {margin:0 0 10px 0; list-style-type:none;}
div#content ul.nobullets li {padding:0 0 0 0;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 0;}
/* end lists */

/* links */
a:link, a:visited {color:#777; text-decoration:none;}
a:hover {text-decoration:underline;}
a {outline:none;}
/* end links */

/* image floats */
img.right {float:right; margin:0 0 10px 16px;}

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* footer */
div#footer {position:absolute; bottom:0; font-size:.92em; width:740px; padding:36px 0 5px 0;}
div#footer ul {list-style-type:none; margin:0 0 0 20px;}
div#footer li {float:left; margin:0 20px 0 0;}
div#footer li#web {width:190px;}
/* end footer */

/* tables */
table {margin: 10px 0 10px 0; border-left: 1px solid #E1E1E1; clear:left;}
th {background-color: #E1E1E1; color:#000; padding:5px;}
td {border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; padding:5px; margin:0;}
tr:hover {background:#f1f1f1;}
/* end tables */

div#consultantfilter {margin:15px 0;}
div#consultantfilter input.button {display:inline; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#e1e1e1; border:1px solid #999; font-size:.92em;}
* html div#consultantfilter input.button {padding:1px 0 3px 0;} 

div#job form {width:510px;}
div#job fieldset {border:none;}
div#job label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 170px; float:left;}
div#job label span {font-size:.82em;}
div#job input, div#job textarea, div#job select {float:left; margin:0.075em 0; border: 1px solid #ccc; background:none;}
div#job input, div#job select {width:200px;}
div#job textarea {width:330px;}
div#job option {background: #fff;}
div#job input.checkbox {float:left; margin:2px 200px 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#job input.button {float:left; margin:5px 6px 10px 170px; padding:1px 0 3px 0; width:auto; cursor:pointer; background:#e1e1e1; border:1px solid #999;}
div#job input.readonly {background:#e1e1e1; cursor:default;}
div#job input.button2 {float:left; margin:5px 6px 10px 10px; padding:1px 0 3px 0; width:auto; cursor:pointer; background:#e1e1e1; border:1px solid #999;}
div#job h3 {padding:10px 0 5px 0;}