/* Page template = PageBody_TrendUpdate */
/* page=Trend_Update, Trend_Update_200901, Trend_Update_200904, etc.   */
/* January 2009 - Ron Hedberg    */


/* BEGIN - override global_div framing */
div#content
{
    background-image: none;
    background-color: Transparent;
}
div#content-wrapper
{
    width: 763px;
    background-color: #c0b796;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 157px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-align: center;
}
div#content-wrapper div#content-left
{
    float: left;
    width: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: none;
    visibility: hidden;
}

div#content-center
{
    width: 763px;
    background-image: url(images/TrendUpdate/ContentBackground.gif);
    background-repeat: repeat-y;
    background-position: -1px 0px;
    background-color: #ffffff;
    border-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
div#content-center div#content-head
{
    background-image: none;
    background-color: Transparent;
    float: none;
    width: 763px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div#content-main
{
    color: #333333;
    float: none;
    width: auto;
    padding-top: 0px;
    padding-left: 36px;
    padding-right: 00px;
    padding-bottom: 20px;
    background-color: Transparent;
    background-image: none;
}

div#content-right
{
    display: block; /* override global_div setting of none */
    background-image: none;
    background-color: #cbc3a6;
    background-color: Transparent;
    font-size: 11px;
    line-height: 14px;
    float: right;
    width: 247px;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 13px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

div#footer
{
    clear: both;
    margin-left: 0px;
    color: #60523c; 
    /* width: 763px; full width */
    width: 750px; /* content width is 750 */
}
div#footer div.links
{
    /* width: 588px;  with copyright to right */
    width: 748px;
    padding-top: 2px;
    padding-left: 3px;
    text-align: center;
}
div#footer a, div#footer a:visited, div#footer a:link
{
    color: #60523c;
    text-decoration: none;
}
div#footer a:hover, div#footer a:active
{
    color: #60523c;
    text-decoration: underline;
}
div#footer #copyright
{
    color: #60523c; 
    /* width: 160px; with links to left */
    width: 735px;
    text-align: center;
    padding-top: 2px;
    padding-right: 15px;
}


/* END - override global_div framing */

body
{
    /* background-color:#ffffff; */ 
    /* background-image: url(images/media%20room/background_mediaroom.png); */ 
    /* background-repeat: repeat-x; */ 
    /* line-height:21px; */
    background-color: #c0b796;
    background-image: none;
    background-repeat: repeat-y;
    font-size: 13px;
    color: #4d4d4f;
    text-align: center;
}

div#content-main h1, div#content-main h2, div#content-main h3, 
div#content-main h4, div#content-main p, div#content-main ul
{
    margin-right: 36px;
}


.clearboth
{
    clear: both;
}
.floatnoneclearboth
{
    float: none;
    clear: both;
}

h1, h2
{
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px; 
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #c0b796;
    color: #ffffff;
}

h3, h4
{
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

p
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

a, a:link, a:visited
{
    text-decoration: underline;
    color: #3b5162;
}
a:hover, a:active
{
    text-decoration: underline;
    color: #666666;
}
.source-note a, .source-note a:link, .source-note a:visited
{
    text-decoration: none;
    color: #3b5162;
}
.source-note a:hover, .source-note a:active
{
    text-decoration: underline;
    color: #666666;
}

/* Assumes only one (container) div in each topic section */
/* Or else we need to specify a class for each one.       */
div#content-main div
{
    margin-bottom: 15px;
}
div#content-main div#content-right div
{
    margin-bottom: 0px;
}


div#content-main .narrow-heading
{
    margin-right: 260px;
}

div#content-main img.image-left
{
    margin-left: 0px;
    margin-right: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}
div#content-main img.image-right
{
    margin-left: 18px;
    margin-right: 36px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: right;
}
div#content-main p img.image-right, 
div#content-main h3 img.image-right, 
div#content-main h4 img.image-right
{
    margin-right: 0px;
    float: right;
}


/* HEADER */

div#pub-page-header
{
    background-image: none;
    background-color: #c0b796;
    float: left;
    width: 763px;
    height: 187px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#marvin-logo-container
{
    float: left;
    width: 140px;
    height: 50px;
    padding-top: 30px;
    padding-bottom: 17px;
}
div#pub-page-header #marvin-logo-container a img
{
    width: 140px;
    height: 50px;
    margin-top: 0px;
}
#issuetitle
{
    float: right;
    width: 600px; 
    /* height + padding + margin = 43px; */
    height: 15px;
    text-align: right;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    vertical-align: bottom;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 28px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
}
#publicationtitle
{
    /* <!-- left 203 - 140, top 43 --> */
    float: left;
    width: 545px;
    height: 54px;
    text-align: right;
    padding-left: 63px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
}
#pub-headline-photo
{
    float: none;
    width: 763px;
    height: 90px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
}
div#pub-page-header #pub-headline-photo img
{
    width: 763px;
    height: 90px;
    margin-top: 0px;
}




div#content-main ul
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px; /* instead of 30 */
    padding-left: 15px;
}
div#content-main li
{
    padding-bottom: 10px;
}

div.left-pad-30
{
    padding-left: 30px;
}
div.leftright-pad-30
{
    padding-left: 30px;
    padding-right: 30px;
}

.source-note
{
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 3px; 
    /* instead of padding-bottom: 10px for other paragraphs */
}


/* Archives */

div#archives-box
{
    clear: both;
    margin-bottom: 15px;
}
div#archives-box h2
{
    background-color: #9ba9b2;
    margin-bottom: 0px;
}

div#content-main div.archives
{
    float:left;
    /* width: 500px; */
    /* width: 691px */
    width: 661px;
    padding-left: 30px;
    padding-right: 0px;
    margin-right: 36px;
    margin-bottom: 15px;
    background-color: #eceef2;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-transform: none;
}
div.archives p
{
    margin-top: 10px;
    margin-bottom: 5px;
}
div.archives ul.trend-update-archive-list
{
}
div#content-main div.archives ul.trend-update-archive-list li
{
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 4px;
    color: #4b6475;
}

div.archives a, div.archives a:link, div.archives a:visited
{
    text-decoration: underline;
    color: #4b6475;
}
div.archives a:hover, div.archives a:active
{
    text-decoration: underline;
    color: #101010;
}

div#content-main div.archives-image
{
    float:right;
    /* width: 191px; */
    width: 130px;
    height: 50px;
    padding-top: 40px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    /* background-color: #eceef2; */
    text-align: right;
}
div.archives-image a, div.archives-image a:link, div.archives-image a:visited
{
    text-decoration: underline;
    color: #4b6475;
}
div.archives-image a:hover, div.archives-image a:active
{
    text-decoration: underline;
    color: #202020;
}

/* Right side Box with Link to Archives */
div#content-main div.archives-link-to
{
    float:none;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 8px;
    background-color: #eceef2;
    border-style: solid;
    border-width: 1px;
    border-color: #9ba9b2;
    font-size: 11px;
    font-weight: normal;
    color: #4b6475;
    text-transform: none;
}
div#content-main div.archives-link-to h3
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #4b6475;
    text-transform: none;
}
div#content-main div.archives-link-to .image-left
{
    margin-top: 0px;
    margin-bottom: 0px;
    /* margin-left: 0px; */
    /* margin-right: 18px; */
}

div.archives-link-to a, div.archives-link-to a:link, div.archives-link-to a:visited
{
    text-decoration: underline;
    color: #4b6475;
}
div.archives-link-to a:hover, div.archives-link-to a:active
{
    text-decoration: underline;
    color: #202020;
}



/* *************************************************************** */
/* Overrides forms.css */

/* Unique IDs and Classes just for DynaForms */

.dfdiv-clear-no-float
{
    float: none;
    clear: both;
}
.dfdiv-clear
{
    clear: both;
}


/* Container Div for all DynaForm controls and HTML */
.dfdiv-dynaform
{
    margin-top: 0px;
    margin-top: -4px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #cbc3a6;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

/* Div containing Label containing form title */
.dfdiv-form-title
{
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
}
/* Label containing form title */
.df-form-title
{
}

/* Container Div for all input functionality, */
/* excludes form title and confirmation message */
.dfdiv-form-input
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.dfdiv-errors-please-verify
{
    /* display: none;                  
    visibility: hidden;      */
}
.df-errors-verify-message
{
}
.dfdiv-title-blurb
{
    font-size: 11px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
}

.df-page-numbers
{
}
.dfdiv-required-field-message
{
    display: none;
    visibility: hidden;
    font-size: 11px;
    font-weight: bold;
    color: #cc0000;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/* Data Fields */

.dfdiv-fields 
{
    padding-left: 10px;
}

.df-caption
{
    font-size: 11px;
    font-weight: normal;
    line-height: normal;
    padding-top: 3px;
    color: #333333;
    display: block;
    width: 100%;
    text-align: right;
}
.df-error-text
{
    font-size: 11px;
    font-weight: bold;
    color: #cc0000;
}
.errorText
{
    font-size: 11px;
    font-weight: bold;
    color: #cc0000;
}

/* Submit button */
.dfdiv-submit-button
{
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 15px;
}
.df-submit-button
{
    float: right;
}
.df-submit-image
{
    float: right;
}

/* Link to privacy statement */
.dfdiv-privacy-link
{
    clear: both;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 15px;
}
.dfdiv-privacy-link a, .dfdiv-privacy-link a:visited, .dfdiv-privacy-link a:link
{
    color: #474747;
    text-decoration: none;
}
.dfdiv-privacy-link a:hover, .dfdiv-privacy-link a:active
{
    color: #202020;
    text-decoration: underline;
}

/* Text optionally displayed after submit button and privacy link */
.dfdiv-submit-blurb
{
    display: none;
    visibility: hidden;
    clear: both;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


/* confirmation div displayed only when confirmation stays on same page */
.dfdiv-form-confirmation
{
}

.df-confirmation-message
{
}
.df-confirmation-link
{
}


/* Hide field error messages */
/* First name, last name, e-mail address */
.dfdiv-form-input #_ctl0__ctl1__ctl0_FailedValidationMessage, 
.dfdiv-form-input #_ctl0__ctl1__ctl1_FailedValidationMessage, 
.dfdiv-form-input #_ctl0__ctl1__ctl2_FailedValidationMessage
{
    display: none;
    visibility: hidden;
}





/* CALLS TO ACTION */

.action-text
{
    font-size: 12px;
    font-weight: bold;
    color: #101010;
    text-transform: uppercase;
}
p.action-text
{
    margin-top: 10px;
    margin-bottom: 5px;
}

.action-text a, .action-text a:link, .action-text a:visited
{
    text-decoration: none;
    color: #000000;
}
.action-text a:hover, .action-text a:active
{
    text-decoration: none;
    color: #4c4d4f;
}
.action-text a.go, .action-text a.go:link, .action-text a.go:visited
{
    text-decoration: none;
    color: #eacb7c;
}
.action-text-go a:hover, .action-text-go a:active
{
    text-decoration: none;
    color: #eacb7c;
}