/* Order of styles is as follows. (Lines are represtentative of current
    structure, lines added increase lines obviously. But can still be used
    for general GoToLine actions */

    /*
    [SP001] - login page
    [SP002] - profile details
    [SP003] - update profile
    [SP004] - view orders & transactions
    [SP005] - search page
    [SP006] - sitemap
    [SP007] - member search
    */



    /* login page  [SP001]								-------------------------------------------------- */

    #login-frame table input
    {
        margin:0 0 0 5px;
    }

    #login-frame table tbody tr
    {
        float:left;
        margin:0 0 10px 0;
        width:100%;
    }

    #login-frame table tbody td
    {
        width:70px;
    }

    #login-frame input, #login-frame select
    {
        font-weight: normal;
        height: auto;
        left: 200px;
        padding: 5px;
        position: relative;
        width: 100px;
    }

    .message-password-forgot a
    {
        font-size: 11px;
        left: 191px;
        position: relative;
    }

    #login-frame table input
    {
        margin: 0 0 0 5px;
        width: 202px;
        left:0;
    }



    /* profile details  [SP002]							-------------------------------------------------- */

    #pg.member-profile #form-content
    {
        margin:0;
    }

    .user-comment_history tr td
    {
        padding:0 0 10px 0;
        line-height:17px;
    }

    .user-comment_history tr td strong
    {
        margin:0 0 0 12px;
    }

    .welcome-back
    {
        border-bottom: 1px solid #EFEFEF;
        float: left;
        margin: 0;
        padding: 17px 0 11px;
        width: 464px;
    }

    .member-profile .related-title #editor-content a {
        text-decoration: none;
    }

    .member-profile #pg .relation-product .related-table, #pg-header .relation-product .related-table {
        margin: 25px 0;
    }

    .profile-layout-table, .profile-categories
    {
        padding:0 0 10px;
    }

    ul.profile
    {
        margin: 0 26px 0 0;
    }

    .member-profile .profile-layout-table ul li
    {
        background: none repeat scroll 0 0 transparent;
        padding: 0;
        list-style:none outside none;
        text-transform: capitalize;
        clear:both;
        margin:0;
    }

    .member-profile ul.profile li.profile-numbers
    {
        margin: 13px 0 25px;
    }

    .profile-categories ul li
    {
        margin:0;
    }

    ul.profile li.profile-address
    {
        margin: 10px 0 0;
    }

    .phone_label
    {
        float: left;
        font-weight: bold;
        text-transform: capitalize;
        width: 65px;
    }

    .member-profile #editor-content #profile-name
    {
        background:none;
        color:#353535;
        margin:10px 0 0;
        padding:0;
        font-size:18px;
        font-weight:bold;
    }

    .member-profile #editor-content h3
    {
        background: none;
        color: #787878;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 2px 0 2px 5px;
        font-weight:normal;
    }

    .member-profile #editor-content a
    {
        color: #57708A;
        text-decoration: none;
    }

    .member-profile .user-comments
    {
        margin:5px 0 25px 0;
    }

    .member-profile #editor-content a.edit
    {
        background: none repeat scroll 0 0 #a1a1a1;
        position:absolute;
        right:0;
        color:#fff;
        font-size: 12px;
        line-height: 15px;
        margin: 0 5px 0 0;
        top:6px;
        padding: 0 4px;
        text-decoration:none;
    }

    .member-profile #editor-content a.edit:hover
    {
        background: none repeat scroll 0 0 #888;
        position:absolute;
        right:0;
        color:#fff;
        font-size: 12px;
        line-height: 15px;
        margin: 0 5px 0 0;
        top:6px;
        padding: 0 4px;
        text-decoration:none;
    }

    .profile-graphics
    {
        border-bottom: 1px solid #EFEFEF;
        float: right;
        margin: 0 0 0;
        padding: 0 0 12px;
        width: auto;
    }

    .profile-image
    {
        float:left;
    }

    .profile-logo
    {
        float:left;
    }

    .profile-logo img
    {
        margin:0 15px 0 10px;
    }

    .myaccount-header
    {
        width:100%;
        float:left;
    }



    /* update profile  [SP003]							-------------------------------------------------- */


    #pg.update-profile .profile
    {
        margin-top:0;
    }

    h5.profile-header
    {
        font-weight:normal;
        background:#efefef;
        padding:2px 0 2px 5px;
        color:#787878;
        position:relative;
        margin:50px 0 0;
    }

    .sui-block-header > h3, #contentContainer .modify_user .sui-block-header h3
    {
        color: #323232;
        line-height:1;
    }

    .update-profile .profile-form
    {
        width: 100%;
    }

    .form-user-alternate, .form-user-contact
    {
        float: left;
    }

    .form-user .sui-block
    {
        margin: 30px 0 0;
        display:block;
        padding-bottom:10px;
    }

    .form-user .sui-block-header
    {
        clear: both;
        background: none repeat scroll 0 0 #F8F8F8;
        border: 0 none;
        margin: 0 0 10px;
        padding: 5px;
    }

    .form-user-contact .submit
    {
        margin-right:39px;
    }

    .form-user #simple_group_processor
    {
        padding-bottom: 0;
        margin-top:0;
    }

    .form-user .sui-fieldset
    {
        background: none repeat scroll 0 0 transparent;
        width: 375px;
        float:left;
        margin:0;
        border:0;
    }

    .ui-helper-clearfix
    {
        display: block;
    }

    .sui-field input
    {
        width: 175px;
    }

    .phone-number .sui-field input
    {
        width: 105px;
    }

    .sui-field label
    {
        font-weight: normal;
        font-size:12px;
    }



    /* view orders & transactions  [SP004]						-------------------------------------------------- */

    #

    #pg.member-invoices tr.gridRow td:first-child, #pg.member-invoices tr.gridAltRow td:first-child,
    #pg.member-packages tr.gridRow td:first-child, #pg.member-packages tr.gridAltRow td:first-child,
    #pg.archived-invoices tr.gridRow td:first-child, #pg.archived-invoices tr.gridAltRow td:first-child
    {
        width:25px !important;
    }

    #pg.member-invoices .gridDataTableLarge a[target="_blank"], #pg.member-packages .gridDataTableLarge a[target="_blank"],
    #pg.archived-invoices .gridDataTableLarge a[target="_blank"]
    {
        float:left;
        margin: 3px 5px 3px 2px !important;
    }

    #pg.member-invoices .gridDataTableLarge td:last-child, #pg.member-packages .gridDataTableLarge td:last-child,
    {
        width:85px !important;
    }

    #pg.archived-invoices .gridDataTableLarge td:last-child
    {
        width:115px !important;
    }

    #pg.archived-invoices .gridDataTableLarge td:last-child a
    {
        float:left;
    }

    #pg.member-invoices .gridDataTableLarge td + td, #pg.member-packages .gridDataTableLarge td + td,
    {
        width:165px !important;
    }

    #pg.archived-invoices .gridDataTableLarge td + td
    {
        width:145px !important;
    }

    #pg.member-invoices .gridDataTableLarge td + td + td, #pg.member-packages .gridDataTableLarge td + td + td,
    #pg.archived-invoices .gridDataTableLarge td + td + td
    {
        width:auto !important;
    }

    .gridDataTableLarge
    {
        float:left;
        width:100%;
        font-size:10.5px;
    }

    .gridDataTableLarge td
    {
        padding:3px 6px;
    }

    .gridDataTableLarge .gridHeaderRow
    {
        background:#f1f1f1;
        font-weight:bold;
        padding:7px 6px;
    }

    .gridDataTableLarge .gridAltRow
    {
        background:#f9f9f9;
    }

    .gridRow a.tooltip ul, .gridAltRow a.tooltip ul
    {
        display:none;
    }



    /* search page  [SP005]									-------------------------------------------------- */

    .search-result div
    {
        margin:0 0 15px;
    }

    .search-result table td div
    {
        margin:0 0 0;
    }

    #search-header
    {
        margin:0 0 1px;
        float:left;
        width:100%;
    }

    .highlight-search
    {
        background:yellow;
    }

    .searched-for, .search-words
    {
        font-size:17px;
        font-weight:normal;
    }

    .searched-for
    {
        color:#000;
    }

    .search-words
    {
        font-style:italic;
        opacity:0.7;
    }

    #site-search div.search-result table td
    {
        padding-bottom: 20px;
    }

    .search-result table a
    {
        font-size:15px;
        text-decoration:underline;
        color:#004cc9;
        font-weight:bold;
        font-family:Arial, Helvetica, sans-serif;
    }

    .search-result
    {
        float:left;
        font-weight:bold;
    }

    .search-result table
    {
        font-weight:normal;
    }



    /* sitemap page  [SP006]							-------------------------------------------------- */

    #editor-content table td.sitemap-parent
    {
        padding:15px 0 0;
    }

    #editor-content table td.sitemap-parent a
    {
        font-size:13px;
        text-decoration:none;
        color:#353535;
    }

    #editor-content table td.sitemap-parent table td a
    {
        font-size:11px;
        color:#4E75A0;
    }


    /* member search  [SP007]								-------------------------------------------------- */

    .member-search-button
    {
        left: 5px;
        position: relative;
        top: 6px;
        padding-top:0;
    }

    #member_quick_Search
    {
        float:left;
        margin:-5px 0 0;
    }

    #members_search-results .profile_image, #members_search-results .company_logo,
    .search-container .profile_image, .search-container .company_logo
    {
        float:right;
    }

    .search_section_label
    {
        color: #4A565E;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        font-weight: lighter;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .search-field
    {
        float:left;
    }

    #member_quick_search
    {
        color: #5B6771;
        display: table-cell;
        font-size: 9pt;
        vertical-align: middle;
        width: 150px;
        float:left;
    }

    .search-fields
    {
        background:#FFFFFF;
        border: 1px solid #C9C9C9;
        margin-bottom: 14px;
        padding:8px 10px 10px 10px;
        width: 666px;
    }

    .search-fields label
    {
        text-transform:
    }

    #searchResultContainer td
    {
        padding: 2px 20px 2px 2px;
    }

    #searchResultContainer td:first-child
    {
        padding:2px 0px 2px 2px;
    }

    .search-container table
    {
        margin-bottom: 20px;
    }

    #searchResultContainer ul li
    {
        background-image: none;
        border-bottom: 1px solid #efefef;
        line-height: 120%;
        list-style: none outside none;
        margin: 0;
        padding:20px 5px 5px;
        float:left;
    }

    #searchResultContainer ul li:hover
    {
        background:#f8f8f8;
    }

    .search-container table
    {
        margin-bottom: 20px;
    }

    .given-name, .family-name
    {
        color: #5B5B5B;
        font-size: 15pt;
    }

    .org
    {
        color: #808080;
        display: block;
        font-size: 10pt;
        font-weight: bold;
        margin-bottom: 5px;
        text-transform:capitalize;
    }

    .adr
    {
        padding-bottom: 2px;
        padding-top: 8px;
        font-style:normal;
    }

    .note, .member-description
    {
        display: block;
        margin-top: 10px;
        width: 100%;
        float:left;
    }

    .categories
    {
        color: #305C75;
        display: block;
        font-weight: bold;
        margin-top: 8px;
        float:left;
        clear:both;
        display:none;
    }

    .viewprofilebutton
    {
        clear: both;
        display: block;
        float: left;
        height: 20px;
        padding: 10px 0;
        width: 90px;
    }

    .search-container img
    {
        margin-bottom: 15px;
        padding:0;
    }

    #members_search-results .profile_image img,
    .search-container .profile_image img
    {
        margin:0 0 15px 10px;
    }

    .search-label
    {
        margin:0 0 0 10px;
        float:left;
        line-height:17px;
    }

    .search-table-bottom
    {
        float:left;
    }

    #members_search-results table tr td:first-child
    {
        width:430px;
        float:left;
        line-height:17px;
    }

    #members_search-results table tr td + td
    {
        width:230px;
        float:left;
        line-height:17px;
    }

    .locality, .postal-code
    {
        clear:both;
        float:left;
    }

    .locality, .region
    {
        margin:0 4px 0 0;
    }

    .website, .email
    {
        margin:0 6px 10px 0;
    }

    .postal-code
    {
        margin:0 0 10px;
    }

    .region, .country-name, .street-address
    {
        float:left;
    }

    .tel
    {
        clear:both;
        float:left;
    }

    .tel.alt_phone, .tel.cell_phone
    {
        float:left;
        clear:both;
    }

    .search-table-top .search-quick
    {
        float:right;
    }

    .type
    {
        text-transform:capitalize;
        font-weight:bold;
    }

    .vcard td:last-child a
    {
        float:right;
    }

    .profile_image img[src="/workspaces/shout-trunk/images/no_profile_image.jpg"],
    .company_logo img[src="/workspaces/shout-trunk/images/no_profile_image.jpg"]
    {
        width:50px;
        display:none;
    }

    #searchResultContainer .search-container #members_search-results,
    #searchResultContainer .search-container #members_search-results li table
    {
        width:689px !important;
        float:left;
    }

    .member-contact-name
    {
        color: #5B5B5B;
        font-size: 15pt;
    }

    .member-company-name
    {
        color: #808080;
        display: block;
        font-size: 10pt;
        font-weight: bold;
        margin-bottom: 5px;
        text-transform: capitalize;
    }

    .member-address
    {
        line-height:15px;
    }

    .member-links
    {
        float: left;
        margin: -6px 0 5px;
        width: 100%;
    }

    .viewMap, .viewWebsite, .viewEmail
    {
        float:left;
    }

    .viewMap a, .viewWebsite a, .viewEmail a
    {
        float:left; margin:0 10px 0 0;
    }

    .member-phone, .member-alt-phone, .member-cell, .member-fax
    {
        line-height:15px;
    }

    .address
    {
        margin:0 0 10px;
    }