/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    File:           $RCSfile$

    Description:    This stylesheet contains the styles for the site as a 
                    whole.  There should not be any page-specific styles
                    here.

    Last Modified:  $Date$ by $Author$
    Revision:       $Revision$ ($Name$)

    --- Company Colors ---
    blue (text):                    #039
    green (headers):                #009f31, #4e9c63 (old #063) 
    green (borders):                #b4e6b5
    light green (background)        #f7fcf7
    maroon (links):                 #600
    
    error background:       #ffeaeb ffede8
    error border:           #c30 ffb2a9
    error color:            #c30
    
    grey                    #8e8e8e

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*  =IMPORTS
    ------------------------------------------------------------------- */
/*  07/03/2006 DMK:  
    Bring in the deprecated styles for now. */
@import url("/styles/deprecated.css");

/*  =ELEMENTS                                                          
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

blockquote:before, blockquote:after,
q:before, q:after                           { content: ""; }
blockquote, q                               { quotes: "" ""; }

a:link, a:visited                           { color: #4e9c63; }
a:hover, a:active                           { color: #063; }
abbr, acronym                               { border-bottom: 1px dotted #039; cursor: help; }
body                                        { background: #fff url("/graphics/bak_Original.gif") fixed; color: #039; font: 75%/1.5 Arial,Helvetica,sans-serif; margin: 0; }
em                                          { font-style: italic; }

h1                                          { font: 1.5em "Arial Black", "Helvetica Black", Helvetica, sans-serif; letter-spacing: 2px; }
h2,
section h1                                  { font: 1em "Arial Black", "Helvetica Black", Helvetica, sans-serif; letter-spacing: 1px; }
h3,
section h2                                  { font: normal normal bold 1em/1.5em Arial, Helvetica, sans-serif; }
h4                                          { font: normal small-caps normal 1em/1.5em Arial, Helvetica, sans-serif; }
h5                                          { font-style: italic; }

h2,h3,h4                                    { margin-top: 1em; }

h2 + p, h3 + p, h4 + p, h5 + p,
h3 + h4                                     { margin-top: 0; }
hr                                          { border-width: 1px 0 0; border-color: #b4e6b5; border-style: solid; }
img                                         { border: 1px solid #b4e6b5; padding: 2px; }
p                                           { margin: 1.5em 0; }
pre                                         { color: #8e8e8e; font: 0.75em Monaco, Courier, monospace; overflow: auto; padding: 20px; }
section                                     { margin: 1em 0 0; }
strong                                      { font-weight: bold; }
sup                                         { font-size: 0.75em; vertical-align: super; }

/*  =HTML5
    This section is to define styles for classes of elements that match up with the
    future HTML5 elements.  This way when the elements are fully supported, they can
    be pulled out of here and moved to the ELEMENTS section
-------------------------------------------------------------------------*/
section                                     { display: block; }

/* =DIVS
-------------------------------------------------------------------------*/
#content                                    { background-color: #fff; margin-left: 14.5em; padding: 1.5em; position: relative; }
                                            /* Position is relative so that it will act as the containing block for any absolutely positioned blocks */
                                            
#lightbox                                   { background-color: #222; filter: alpha(opacity=75); height: 100%; left: 0; opacity: .75; position: fixed; top: 0; width: 100%; z-index: 500; }
#logo                                       { float: left; }

#masthead                                   { position: relative; } /* relatively positioned so that it will act as the containing block for #nav-utility */
#masthead,
#masthead a#company                         { height: 96px; margin: 0; padding: 0; }
#masthead a#company                         { background: url('/graphics/logo_masthead.gif') no-repeat left top; display: block; text-indent: -100em; width: 254px; }
#masthead                                   { background: url('/graphics/logo_masthead_end.gif') no-repeat right top; }

#pagemain                                   { background-color: #fff; border: 1px solid #b4e6b5; margin: 0 auto; padding: 0; width: 71em; }

#pagefoot                                   { border-top: 1px solid #b4e6b5; clear: both; color: #8e8e8e; margin: 1.5em 1.5em 0; overflow: hidden; }
                                            /* hide overflow so that it will contain the floated elements */
#pagefoot a                                 { color: #8e8e8e; }
#pagefoot ul                                { float: right; font-size: 0.75em; margin: 1em 0; }
#pagefoot ul li                             { border-color: #8e8e8e; }
#pagefoot ul li.linkedIn                    { padding-right: 0; }
#pagefoot ul li.linkedIn img                { border: none; vertical-align: middle; }
#pagefoot p                                 { float: left; font-size: 0.75em; margin: 1em 0; }

body.popup #pageFoot                        { font-size: 1em; font-style: italic; margin: 2em 0 0; text-align: center; }

#FlashReport div#acctInfo                   { border-bottom: 1px solid #B4E6B5; line-height: 1.2; margin: 1em 0 1em; padding-bottom: 1em; }
#FlashReport div#acctInfo h2                { margin: 0; }

body.watchedacctswiz #accountInfo           { margin-bottom: 10px; }

#Welcome h3 a                               { font-size: 0.75em; font-weight: normal; margin-left: 1em; }

/* =NAVIGATION
-------------------------------------------------------------------------*/
/* 
    02/04/2007 DMK: This is meant to be used for things like the "more" 
    links and the "watch this account" links.  Links that are specifically 
    for one object like an account or a member.
*/
ul.nav-object                               { margin: 0.5em 0; padding: 0; }
ul.nav-object li                            { background: none; display: inline; list-style-type: none; padding: 0 0.5em 0 0; }
a.nav-object,
ul.nav-object li                            { font-size: 0.75em; font-style: italic; }

ul#accts li ul.nav-object li                { border-bottom: none; padding: 0 0.5em 0 0; }

#nav-cal                                    { margin: 0 auto; overflow: hidden; position: relative; top: 2.5em; width: 80%; }
#nav-cal #nextMonth                         { float: right; }
#nav-cal #prevMonth                         { float: left; }

/*  01/05/2009 DMK:  This navigation type is meant for anywhere that you
    are presenting a list of page numbers */
#nav-pages                                  { display: inline; margin: 0; padding: 0 0 0 12px; }
#nav-pages li                               { background-image: none; border: none; display: inline; line-height: 1; list-style-type: none; padding: 0 0.25em; }
#nav-pages li a.current                     { color: #039; font-weight: bold; text-decoration: none; }
#nav-pages li:first-child                   { padding-left: 0; }

/* Be *very* specific so these don't bleed into the rest of the page */
div#nav-primary                             { background-color: #fff; border: 1px solid #c3ebc3; float: left; margin: 1.5em; padding: 1px; width: 12.5em; }
div#nav-primary ul                          { background-color: #f7fcf7; }
div#nav-primary ul li                       { background-image: none; border-bottom: 1px dotted #c3ebc3; margin: 0; padding: 0; }
div#nav-primary ul li.listHeader            { border-bottom: none; color: #83b991; letter-spacing: 0.2em; padding: 1.5em 0.5em 0; text-transform: uppercase; }
div#nav-primary ul li a                     { border: 1px solid #f7fcf7; border-width: 1px 0; display: block; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 1em 0.5em; text-decoration: none; }
div#nav-primary ul li a:hover               { background-color: #e5fbeb; }
div#nav-primary ul li a div.meta            { color: #83b991; font-size: 0.8em; letter-spacing: 0; text-decoration: none; }
div#nav-primary ul li#thawte a,
div#nav-primary ul li#rw a                  { text-align: center; }
div#nav-primary ul li#thawte img,
div#nav-primary ul li.linkedIn img          { border: none; }
div#nav-primary ul li#rw img                { background-color: #fffff9; border-color: #ecd079; }

#nav-secondary                              { margin: 0; padding: 0; }
#nav-secondary li                           { background: none; border-left: 1px solid #4e9c63; display: inline; line-height: 1; list-style-type: none; padding: 0 0.75em; }
#nav-secondary li:first-child               { border: none; padding-left: 0; }
#nav-secondary li a                         { font: bold 1em/2.5em Arial,Helvetica,sans-serif; }

ul.nav-tabs                                 { border-bottom: 1px solid #b4e6b5; line-height: 1; margin: 1em 0 1em 0; padding: 12px 12px 2px; }
ul.nav-tabs li                              { background-image: none; display: inline; margin: 0; padding: 0;  }
ul.nav-tabs li a                            { background-color: #eee; border: 1px solid #ddd; border-bottom-width: 0; color: #8e8e8e; margin-right: 0px; padding: 2px 12px; text-decoration: none; }
ul.nav-tabs li a:hover                      { background: #fff; text-decoration: underline; }
ul.nav-tabs li.current                      { border-bottom: 1px solid #fff; background-color: #fff; padding: 0; }
ul.nav-tabs li.current a                    { background-color: #fff; border-color: #b4e6b5; border-width: 1px 1px 0; color: #4e9c63; padding: 7px 12px 3px; }


#nav-utility                                { position: absolute; right: 1.25em; top: 1em; }
#nav-utility li                             { background-image: none; border-color: #039; list-style-type: none; }
#nav-utility li a                           { color: #039; }
#nav-utility li:first-child a               { font-weight: bold; }

/* =CLASSES
-------------------------------------------------------------------------*/
a.close                                     { border-bottom: 1px solid #b4e6b5; display: block; margin: 0 0 1em; padding: 0 0 0.5em; text-align: right; text-transform: lowercase; }
.acctDetail                                 { overflow: auto; position: absolute; width: 300px; }

blockquote.callout                          { background: #fff url('/graphics/quotes.gif') no-repeat 0.5em 0; float: right; font-size: 1.2em; font-style: italic; margin: 1em; padding: 0.5em 2.5em; width: 250px; }
blockquote.callout cite                     { display: block; font-size: 0.8em; text-align: right; }

.clearfix:after                             { content: "."; display: block; height: 0; clear: both;  }

.disputed                                   { background-color: #ffe4e4; /* light red */ }
.error                                      { color: #c30; }
ul.error li                                 { background-image: url('/graphics/RedBullet.gif'); }

.errorDisplay                               { background-color: #fff; border: 1px solid #ffb2a9 !important; padding: 1px !important ; }
.errorDisplay .wrap                         { background: #ffede8 url('/graphics/exclaim.gif') no-repeat 10px 10px; min-height: 48px; padding: 10px 20px 10px 58px; }
.errorDisplay strong                        { font-weight: bold; color: #c30; }
.errorDisplay h2                            { color: #c30; margin: 0 0 1em; }

.floatContainer                             { overflow: auto; }     /* to clear floats contained within */

.informationalMessage                       { background-color: #fff; border: 1px solid #ddd; padding: 1px; }
.informationalMessage .wrap                 { background: #f5f5f5 url('/graphics/informational.gif') no-repeat 10px; color: #9f9f9f; padding: 10px 10px 10px 58px; }

p.legal                                     { color: #8e8e8e; font-size: 0.8em; line-height: 1.2; margin-bottom: 0; }

.popup .errorDisplay .wrap                  { background-image: url('/graphics/exclaim_sm.gif'); height: auto; min-height: 16px; padding-left: 36px; }
.printOnly                                  { background-image: none; }

/*  This is for any Instant Update Links    */
.iu                                         { color: #fc0; font: oblique 14pt "Arial Black","Helvetica Black",Arial,Helvetica,sans-serif; margin: 0; }
.meta                                       { color: #8e8e8e; }
.overlay                                    { background-color: #fff; border: 2px solid #888; padding: 1em; z-index: 1001; }
.print                                      { background: url('/graphics/icon_Print.gif') no-repeat left center; padding-left: 20px; }
.rrsxhtmlinclude                            { margin: 20px auto; text-align: center; }
.save                                       { background: url('/graphics/icon_Save.gif') no-repeat left center; padding-left: 20px; }
.shade1                                     { color: #000; background-color: #9c9; /* medium green */ }
.shade2                                     { color: #000; background-color: #66b766; /* brighter green */ }
.smallLink                                  { font-size: 8pt; font-style: italic; color: #600; line-height: 1.5em; }
.strong                                     { font-weight: bold; }      
.stronger                                   { color: #4e9c63; background-color: transparent; font-weight: bold; }
.totalLine                                  { border-top-width: 2px; color: #039; font-weight: bold; text-align: right; }

.successMessage                             { background-color: #fff; border: 1px solid #b4e6b5; margin: 10px 238px 0 0; padding: 1px; }
.successMessage .wrap                       { background: #e7fff1 url('/graphics/checkmark.gif') no-repeat 10px 10px; color: #4e9c63; font-weight: bold; height: auto !important; height: 16px; margin: 0; min-height: 16px; padding: 10px 20px 10px 36px; }

a.document                                  { background-position: left center; background-repeat: no-repeat; line-height: 1.8; padding: 3px 0 3px 27px; }
a.pdf                                       { background-image: url('/graphics/icon_pdf_16.gif'); }
a.xls                                       { background-image: url('/graphics/icon_excel_16.gif'); }

h1.small                                    { font-size: 10pt; margin: 0; }

body.archive li dt                          { float: left; line-height: 1.5; width: 4.5em; }
body.archive li dd                          { line-height: 2em; margin-left: 5em; }
body.archive #content li                             { background-image: none; border-bottom: 1px dotted #ddd; padding-bottom: 1em; }
body.archive li.pdf a                       { font-size: 1em; font-weight: bold; line-height: 1.5; }
body.archive dd.fileInfo                    { background: #fff url('/graphics/icon_pdf_16.gif') no-repeat left top; padding-left: 21px; }
body.archive li p                           { margin: 0; }
body.archive span.meta                      { margin-left: 1em; }

body.pds h1                                 { background: url('/graphics/logo_pds.gif') no-repeat left top; height: 45px; margin: 0 0 1em 0; text-indent: -100em; width: 203px; }

body.popup                                  { padding: 0 2em 2em; }
body.popup h1                               { font-size: 1.2em; }
body.popup h2                               { margin: 0; }
body.popup ul#nav-utility                   { border-bottom: #b4e6b5 solid 1px; float: right; margin-bottom: 10px; padding-bottom: 10px; position: static; width: 100%; }
body.popup ul#nav-utility li                { float: right; border-color: #b4e6b5; }
body.popup ul#nav-utility li a              { color: #009f31; text-transform: lowercase; }
body.popup ul#nav-utility li:first-child a  { font-weight: normal; }

body#PrincipalInfo span.title               { color: #8e8e8e; }

body#FlashList div.errorDisplay             { margin: 2em 0; }
body#FlashList div.acctInfo                 { position: relative; }


/* =MICROFORMATS
-------------------------------------------------------------------------*/
acronym.dtstart,
acronym.dtend,
abbr.type                                   { border: none; cursor: default; }


/* =TABLES
-------------------------------------------------------------------------*/
table                                       { border-collapse: collapse; margin: 1em auto; }
table caption                               { color: #4E9C63; font: 1.2em/1.5em "Arial", "Helvetica", sans-serif; text-align: center; }
table, th, td                               { border: 1px solid #4e9c63; }

/*  
    The styling for the text in table cells (TD) should cascade
    from the body definition, but it doesn't in IE.  So, I'm specifying
    it here.
*/
td                                          { background-color: inherit; color: #039; font-weight: normal; padding: 0.5em; text-align: left; }
th                                          { background-color: #4e9c63; color: #fff; font-weight: bold; padding: 0.5em; text-align: center; }
th a:link,
th a:visited,
th a:hover,
th a:active                                 { background-color: transparent; color: #fff; }
th img                                      { border: none; }

tr.secondary th,
th.secondary                                { background-color: #fff; color: #4e9c63; }

table.cal                                   { margin: 1em auto; width: 80%; }
table.cal th                                { text-transform: uppercase; }
table.cal td                                { font: 0.8em "Arial", "Helvetica", sans-serif; height: 75px; padding: 2px; vertical-align: top; width: 20%; }
table.cal td#today                          { background-color: #ddd; font-weight: bold; }
table.cal div.dateNum                       { margin-bottom: 1em; }
table.cal ul                                { margin: 0; padding: 0; }
table.cal ul li                             { background-image: none; list-style-image: none; list-style-type: none; margin: 0 0 1em; padding: 0; }

table.quote                                 { border: 5px groove #4e9c63; margin: 0 auto; width: 50%; }
table.quote td                              { background-color: #fff; color: #039; font: oblique bold .8em Arial,Helvetica,sans-serif; padding: 5px; text-align: center; }

table#creditReportStatement td.subLine      { font-style: italic; font-weight: normal; text-align: center; font-size: .75em; }
table#creditReportStatement tr.detail td    { color: #8e8e8e; }
table#creditReportStatement tr.detail td:first-child { padding-left: 2em; }

/*  --- SCROLLING TABLES --- */
/* Modified from:                                    */
/* Terence Ordona, portal[AT]imaputz[DOT]com         */
/* http://creativecommons.org/licenses/by-sa/2.0/    */

div.scrollingTableContainer                             { overflow: hidden; } /* specify height and width */
div.scrollingTableContainer thead tr                    { display: block; }

/* hide from IE6 */
html>body div.scrollingTableContainer tbody             { display: block; overflow: auto; } /* specify height */

/* Default widths; you must size all columns */
/*div.scrollingTableContainer thead th                    { width: 200px; }
div.scrollingTableContainer tbody td                    { width: 200px; }
*/
body#assocHomePage table a                  { display: block; line-height: 1.4; }
body#assocHomePage table h3                 { margin: 0; }

body#assocHomePage47 table                  { margin: 0; }
body#assocHomePage47 table,
body#assocHomePage47 table td,
body#assocHomePage47 table tr               { border: none; }

body#AccountList table img                  { border: none; }

body#MembershipRoster table                 { width: 90%; }
body#MembershipRoster th                    { text-align: left; }
body#MembershipRoster th.status             { text-align: right; }

body#PermList table                         { margin: 1em 0; width: 90%; }
body#PermList td                            { padding: 1em; }

body#Welcome table                          { margin: 1em auto; }
body#Welcome table th,
body#Welcome table td                       { padding: 0.5em; }

body#Welcome table#contactInfo,
body#Welcome table#contactInfo td,
body#Welcome table#contactInfo th           { border: none; }

#WA_EnterEditAccounts table button.secondary    { margin: 0; }
#WA_EnterEditAccounts td.expireDate            { white-space: nowrap; }


/* =LISTS
-------------------------------------------------------------------------*/
ul                                          { list-style: none; }
ul li                                       { background-image: url('/graphics/bullet.gif'); background-position: 0 5px; background-repeat: no-repeat; padding-left: 12px; }
li                                          { line-height: 1.2; margin-top: 0.5em; }

ol                                          { margin-left: 2em; }
ol li                                       { background-image: none; padding-left: 0; }

dl dd                                       { margin-bottom: 1em; }

ol.footnotes                                { list-style-type: decimal; }

ul#accts                                    { border-color: #ddd; border-style: dotted; margin-top: 1em; }
ul#accts > li                               { background-image: none; border-bottom: 1px dotted #ddd; line-height: 1.4; margin: 0; padding: 1em; }
/*ul#accts li ul#nav-object li                { border: none; }*/

ul#attributes li a                          { font-size: 0.8em; padding-left: 0.5em; }

ul.horizontal                               { margin: 0; padding: 0; }
ul.horizontal li                            { background: none; border-left: 1px solid #039; display: inline; line-height: 1; list-style-type: none; padding: 0 0.75em; }
ul.horizontal li:first-child                { border: none; padding-left: 0; }

#MembershipSelection li                     { margin-bottom: 1em; }

dl.cycleDatesList dt                        { font-weight: bold; margin-top: 1.5em; }

dl.cols dt                                  { float: left; margin-bottom: 20px; width: 150px; }
dl.cols dd                                  { margin: 0 0 20px 170px; }

#MembershipRoster dl.cols,
#ProspectRoster dl.cols                     { margin-top: 1em; }
#MembershipRoster dl.cols dt,
#ProspectRoster dl.cols dt                  { width: 200px; }
#MembershipRoster dl.cols dd,
#ProspectRoster dl.cols dd                  { margin-left: 220px; }

#assocHomePage47 ul#meetings li             { background-image: none; margin: 0 0 1em; padding: 0; }

#MeetingSignUp dl.cols                      { margin-top: 0.5em; }
#MeetingSignUp dl.cols dt,
#MeetingSignUp dl.cols dd                   { margin-bottom: 0.5em; }

#submittingMemberDetail dl.cols dt          { width: 150px; }
#submittingMemberDetail dl.cols dd          { margin-left: 160px; }

body.popup                                  { background-color: #fff; background-image: none; }
body.popup dl.cols                          { margin: 1em 0 0; }
body.popup dl.cols dt                       { margin: 0 0 10px 0; width: 100px; }
body.popup dl.cols dd                       { margin: 0 0 10px 120px; }

#SubmitFlash li.option                      { color: #4e9c63; font-size: 1.5em; font-weight: bold; margin: 0.5em 0 1em; }

#pageline                                   { background:#363 none repeat scroll 0 0; border-bottom:1px solid #363; clear:both; height:4px; line-height:4px; margin:0; padding:0; width:100%; }

body.flash dl.cols                          { margin: 1em 0 0; }
body.flash dl.cols dt                       { width: 100px; }
body.flash dl.cols dd                       { margin-left: 110px; }

#FlashList dl.cols                          { margin-left: 300px; }
#FlashList div.acctInfo                     { float: left; }
#PhoneInfo form ul.horizontal li            { border: none; }

#WA_AdminAcctBlocks th input                { margin-left: 2px; }
                                            
/* =FORMS
-------------------------------------------------------------------------*/
#AccountSubmission ul.wrap                  { border-bottom: 1px solid #4e9c63; margin: 0 0 1.5em; padding: 0 0 1.5em; position: relative; }
#AccountSubmission ul.wrap li               { overflow: hidden; }

#AccountSubmission input,
#SubmitFlash input,
body.licensors form input,
body.licensors form select                  { display: block; }

body.licensors form .meta                   { font-size: 0.75em; }

#Main input,
#AccountSubmission label,
#SubmitFlash input                          { display: block; margin-top: 0.5em; }

#Main form ul.horizontal,
#AccountSubmission form ul.horizontal,
#SubmitFlash form ul.horizontal             { float: left; margin: 0.5em 0; width: 100%; }

#Main form ul.horizontal li,
#AccountSubmission form ul.horizontal li,
#SubmitFlash form ul.horizontal li          { border: none; float: left; }

#SubmitFlash form ul li                     { background-image: none; }
#SubmitFlash fieldset#memberships input     { display: inline; }

#SubmitFlash select                         { display: block; margin: 0.5em 0 1em; }

body.licensors form li.alt                  { float: left; margin: 0 2em 0 0; }
body.licensors form input.btn,
body.licensors form input.secondary         { display:inline; }
body.licensors fieldset fieldset            { padding-bottom: 0; }

#IntlAgent_Detail #countryForm select       { width: 150px; }
#IntlAgent_Detail #countryForm label,
#IntlAgent_Detail #countryForm div          { float: left; }
#IntlAgent_Detail #countryForm div input    { display: block; margin: 1em; }

#MeetingSignUp form ul li                   { background-image: none; margin: 1.5em 0 0; }
#MeetingSignUp form fieldset.events label   { display: block; margin: 0.5em 0 0 3em; }
#MeetingSignUp .btn                         { margin-top: 10px; }

#PasswordRequest input.btn                  { margin-top: 1em; }

#Preferences dt                             { margin: 0 0 1em; width: 20em; }
#Preferences dd                             { margin: -2.5em 0 2em 20em; }

#PrincipalInfo input                        { display: block; }

#ReportPrefs select                         { display: block; }
#ReportPrefs input,
#ReportPrefs select                         { margin: 0.5em 1em 0.5em 0; }
#ReportPrefs input.btn                      { margin-left: 20px; }

#RosterChange button                        { display: block; margin: 10px 0; }
#RosterChange label                         { display: block; margin-top: 2em; }

#TeleconferenceSignUp form textarea         { margin: 0 0 1em 2em; }

#WA_Pop_ChooseBlock input.btn               { margin-top: 10px; }
body.watchedacctswiz form                   { margin-top: 10px; }

/* =PAGES
-------------------------------------------------------------------------*/