/* Client Extranet Styling *****************************************************
	Company: HarvestDigital
	Homepage: http://www.harvestdigital.com 
	Date: 1st August 2007
******************************************************************************
 Basic Styling of the page **************************************************/
body {
color:#FFF;
background:#F68B07 url('../images/bg/background_orange.png') repeat-x;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:76%;
}

h1,h2,h3,h4,h5 {
color:#666;
}

a {
color:#F16C14;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

acronym {
cursor:help;
}

label {
cursor:pointer;
font-weight:700;
}

.error,.invalid {
color:red;
}

/* Neutralize styling: 
Elements with a vertical margin: */
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {
margin:1em 0;
padding:0;
}

/* Apply left margin:
Only to the few elements that need it: */
li,dd,blockquote {
margin-left:1em;
}

ul,ol {
margin-left:.5em;
}

/* Miscellaneous conveniences */
a img {
border:none;
}

fieldset {
border:none;
margin-bottom:0.5em;
padding:1em;
}

blockquote {
background:transparent url(/images/misc/quote_left.gif) left top no-repeat;
}

blockquote div {
background:transparent url(/images/misc/quote_right.gif) right bottom no-repeat;
padding:0 2em;
}

/* standard sizing */
h1 {
font-size:1.6em;
}

/* Generic Tags & Main formatting *********************************************/
h2 {
height:24px;
font-size:11px;
color:#fff;
background:#666668;
margin:0;
padding:5px 0 0 8px;
}

h3 {
font-size:1em;
color:#F16C14;
}

h4 {
color:#666;
font-size:1em;
}

/* tables */
table {
font-size:1em;
}

table caption {
font-size:1.2em;
font-weight:700;
text-align:left;
}

table th {
color:#fff;
text-align:center;
font-size:0.9em;
background:#666668;
}

table th,td {
padding:3px;
}

/* External Links CSS3 */
a[rel ="external"] {
padding-right:17px;
background:transparent url(/images/misc/icon_external.gif) no-repeat center right;
}

/* Remove for logos on who we are page */
a[class="wwa_logos"] {
background:none;
padding-right:0;
}

/* Main Page Element Layout  **************************************************/
#frame {
width:810px;
min-height:600px;
position:relative;
margin:20px auto 0;
padding:0;
}

#container {
width:830px;
margin:25px;
}

#content {
float:left;
margin:20px 0 0;
padding:0;
}

#logo {
width:196px;
position:absolute;
top:0;
left:0;
}

#col1 {
width:197px;
height:500px;
left:0;
top:100px;
position:absolute;
}

#col2 {
width:594px;
position:relative;
top:105px;
left:220px;
}

h3,h4 {
font-weight:700;
margin:0;
padding:0 0 10px;
}

.copy {
color:#666;
font-size:0.9em;
margin:10px;
}

.copy p {
color:#666;
font-size:1em;
padding:0 0 10px;
}

/* for home page news feature */
.panel h3 {
margin-left:8px;
color:#F16C14;
position:absolute;
height:8px;
bottom:8px;
left:0;
}

/* Sidepanel (in col1) ********************************************************/
.sidepanel,.subnavsidepanel {
width:196px;
float:left;
background-color:#FFF;
margin:0 0 20px;
}

#home .sidepanel {
height:261px;
}

#insight .sidepanel {
height:200px;
}

/* Who We Are Mainpanel *******************************************************/
.mainarticle {
width:594px;
float:left;
background-color:#FFF;
}

/* Homepage & What We Do Feature **********************************************/
.mainfeature {
height:261px;
float:left;
border-bottom:1px solid #6CA8E0;
width:594px;
margin:0 0 30px;
}

/* hCard on contacts **********************************************************/
.subnavsidepanel img#clientlogo {
margin:10px;
}

#dl_vcard img {
margin:0 5px -10px 0;
}

#project-contact {
color:#666;
list-style:none;
margin:0;
}

#project-contact li {
margin:0;
padding:1px 0 1px 10px;
}

#project-contact li img {
padding:5px 0;
}

.border {
border-top:1px solid #DBDFE9;
}

#project-contact li.padding {
margin:0 0 8px;
}

/* Login Specific *************************************************************/
#login {
width:196px;
height:210px;
margin:0 auto;
}

#login h1 {
background:transparent url(/images/hd_logo_top_login.png) no-repeat scroll left top;
margin-top:0;
}

#login h1 a {
width:196px;
height:44px;
display:block;
}

#login h1 a span {
visibility:hidden;
display:none;
}

#login form {
width:196px;
height:180px;
padding:15px 0;
}

#login form input {
background:#f4f4f4;
border:1px solid #DBDFE9;
color:#666;
}

#pass,#log {
font-size:1.7em;
margin:1px;
}

.show {
display:block;
visibility:visible;
}

h3 a.rsslink {
margin:0 0 0 10px;
}

a.rsslink {
background:url('/images/misc/feed.png') left top no-repeat;
margin-right:10px;
height:16px;
padding:2px 0 2px 20px;
}

.line {
height:1px;
border-top:1px dotted #ccc;
margin-bottom:2px;
}

/* Table Formatting **********************************************/
table td {
color:#999;
}

table td ul {
list-style:square;
color:#5E5E60;
}

table tr.userdata th {
background:gray url(/images/bg/buttonbggrey.gif) repeat-x top left;
}

table td.td_spacer {
background-color:#fff;
height:0;
margin:0;
padding:0;
}

table td.td_spacer table {
margin-top:-2px;
width:100%;
}

table td.td_spacer table th {
font-size:0.9em;
}

table td.td_spacer table td {
position:relative;
}

.bold {
font-weight:700;
}

table#users {
width:100%;
}

.edit {
width:70px;
text-align:center;
}

p.navigation_button {
position:absolute;
right:10px;
top:39px;
margin:0;
padding:0;
}

/* Experimental .hasJS **********************************************/
.hasJS #addnewuser,.hasJS #editprojects,.hasJS #newproject,.hasJS #suspendusers,.hasJS tr.userdata td table {
display:none;
}

/* Display the checkbox tables */
.hasJS tr.userdata td table table {
display:block;
}

/* Primary Navigation  ********************************************************/
#primary-nav {
width:594px;
border-bottom:1px solid #FA7C33;
list-style:none;
font-size:1.6em;
position:absolute;
top:25px;
left:220px;
margin:0;
}

#primary-nav li {
float:left;
margin:24px 0 0;
}

#primary-nav li a {
display:block;
height:30px;
}

#primary-nav li img {
margin-top:4px;
margin-bottom:-5px;
}

li#pn-who-we-are,li#pn-who-we-are a {
margin-right:65px;
background:url(/images/nav/who-we-are.gif) no-repeat top;
width:112px;
}

li#pn-what-we-do,li#pn-what-we-do a {
margin-right:68px;
background:url(/images/nav/what-we-do.gif) no-repeat top;
width:114px;
}

li#pn-clients,li#pn-clients a {
margin-right:80px;
background:url(/images/nav/clients.gif) no-repeat top;
width:62px;
}

li#pn-insight,li#pn-insight a {
margin-right:0;
background:url(/images/nav/insight.gif) no-repeat top;
width:65px;
}

/* Secondary Navigation  ******************************************************/
#secondary-nav {
width:594px;
border-bottom:1px solid #838383;
height:24px;
list-style:none;
font-size:1em;
position:absolute;
top:0;
left:220px;
margin:0;
}

#secondary-nav li#a {
float:left;
margin:0;
}

#secondary-nav li#b {
margin:0 0 0 180px;
}

/* Sub Navigation - Who We Are ************************************************/
ul#subnav {
list-style:none;
margin:0;
}

ul#subnav li {
border-top:1px solid #DBDFE9;
margin:0;
padding:0 3px;
}

#subnav li a {
display:block;
color:#666;
margin:0;
padding:4px 0;
}

#subnav li a span {
background:url(/images/misc/arrow.gif) no-repeat 0 4px;
padding-left:15px;
}

#subnav li a:hover,#subnav li a:active {
color:#FE8C3B;
text-decoration:none;
}

#subnav-news-archives {
display:none;
visibility:hidden;
list-style:none;
}

#news ul#subnav-news-archives {
display:block;
visibility:visible;
margin:0 10px -1px;
padding:0;
}

body#news ul#subnav-news-archives li {
background-color:#fff;
margin:0 -12px;
padding:0;
}

body#news ul#subnav-news-archives li.selected {
background-color:#FFEFE5;
color:#FE8C3B;
text-decoration:none;
}

/* Footer  ********************************************************************/
ul#footer {
color:#FFF;
list-style:none;
font-size:0.8em;
width:555px;
float:left;
margin:5px 0 0 5px;
}

ul#footer li {
float:left;
border-right:1px solid #CFE9FF;
margin:0 0 0 5px;
padding:0 5px 0 0;
}

ul#footer li.first {
text-align:left;
width:555px;
border-right:none;
}

ul#footer li.last {
border-right:none;
}

ul#footer li a {
color:#FFF;
}

/* Replace  *******************************************************************/
h1.harvest span,.hideoffscreen span,h2.harvest span {
position:absolute;
left:-9000px;
width:0;
overflow:hidden;
}

h1.harvest,h2.harvest {
background-position:0 0;
background-repeat:no-repeat;
}

h1.harvest {
float:left;
background-image:url(/images/hd_orange_logo.gif);
width:196px;
height:81px;
margin:0;
padding:0;
}

/* Buttons */
h1.harvest a,h2.harvest a {
display:block;
width:100%;
height:100%;
cursor:pointer;
}

/* Titles  ********************************************************************/
.replace {
position:relative;
overflow:hidden;
font-size:1em;
}

.replace span {
position:absolute;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:0 0;
}

/* Tooltips  *****************************************************************
CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */
.tooltip {
width:200px;
color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;
text-align:center;
}

.tooltip span.top {
width:200px;
background:url(/images/tooltip/bt.gif) no-repeat top;
margin:0;
padding:30px 15px 0;
}

.tooltip b.bottom {
width:200px;
color:#548912;
background:url(/images/tooltip/bt.gif) no-repeat bottom;
padding:3px 15px 15px;
}

/* Tweaks  ********************************************************************/
* html .mainfeature {
margin-right:9px;
}

/* Validation  ****************************************************************/
.help {
color:#223E92;
}

/* used by forms validation js */
input.disabled {
border:1px solid #F2F2F2;
background-color:#F2F2F2;
}

input.required,textarea.required {
border:1px solid #00A8E6;
}

input.validation-failed,textarea.validation-failed {
border:1px solid #F30;
color:#F30;
}

input.validation-passed,textarea.validation-passed {
color:#000;
}

.form-row {
clear:both;
}

.field-label {
margin-bottom:2px;
}

.field-widget {
margin-bottom:5px;
}

html,body,form,fieldset {
margin:0;
padding:0;
}

h2 a,#secondary-nav a {
color:#FFF;
}

#login form p,#secondary-nav li {
padding:0;
}

input#submit,#secondary-nav li#c {
float:right;
}

.accessibility,.hide,.line hr {
display:none;
visibility:hidden;
}

#primary-nav li a:hover,#aboutus li#pn-who-we-are a,#whatwedo li#pn-what-we-do a,#clients li#pn-clients a,#insight li#pn-insight a,#news li#pn-who-we-are a {
background-position:bottom;
}

#aboutus li#subnav-aboutus,#history li#subnav-history,#theteam li#subnav-theteam,#news li#subnav-news,#careers li#subnav-careers,#resources li#subnav-resources,#whatwedo-strategy li#subnav-strategy,#whatwedo-media li#subnav-media,#whatwedo-creative li#subnav-creative,#whatwedo-data li#subnav-data,#whatwedo-search li#subnav-search,#whatwedo-affiliates li#subnav-affiliates,ul#subnav li.selected {
background-color:#FFEFE5;
text-decoration:none;
}

#content .validation-advice,#content .custom-advice {
position:absolute;
top:500px;
left:75px;
background-color:#F30;
color:#FFF;
font-size:0.8em;
font-weight:400;
display:block;
width:180px;
float:right;
padding:2px 5px;
}