@charset "utf-8";
/**
 * Main CSS
 * @copyright  2010 esaura, LLC.
 * @version    $Id: 2010-08-18 023 $
 * @since      $Id: 2009-09-20 000 $
 */

/* 
--------------------------------------------------
 IMPORT
--------------------------------------------------*/

/* Reset (Yahoo! UI Library)
------------------------------------------------- */
@import "libs.css";

/* Default / Common Style Settings
------------------------------------------------- */
@import "base.css";

/* 
--------------------------------------------------
 GLOBAL SETTINGS
--------------------------------------------------*/

/* Basic Structure
-------------------------------------------------
 html, body
 |--#header
 |      |--.section
 |--#navtop
 |--#content
 |      |--#main    (|--#side)
 |     (|--#bottom)
 |      |--a#toTop
 |--#footer
------------------------------------------------- */
/* html */
html.esaura {
    background: #f1f0e6 /* l-brown */
                url(http://static.esaura.cc/www023/img/css/bg-body_stripe.png) /* stripe:2x2 */
                repeat
                top left;
}

/* body */
html.esaura body {
    width: 100%;
    padding-top: 18px; /* 6:bg+12 */
    background: url(http://static.esaura.cc/www023/img/css/bg-body_top_colorstrip.png) /* colorStrip:130x6 */
                repeat-x
                top left;
}

/* #header */
#esaura-header {
    width: 100%;
    min-height: 120px; /* 120:bg */
    background: url(http://static.esaura.cc/www023/img/css/bg-header.png) /* header:1089x120 */
                no-repeat
                center top;
}
    /* div */
    div.esaura-header-section {
        width: 878px; /* 950-36x2 */
        margin: 0 auto 20px auto; /* bottom for min-height */
    }

/* #content, #footer */
#esaura-content,
#esaura-footer {
    width: 902px; /* 950-(6+18)x2 */
    margin: 0 auto;
    padding-left: 24px; /* 6+18 */
    padding-right: 24px; /* 18+6 */
    border: 6px solid #f1f0e6; /* l-brown */
    border-top: none;
    background-color: #ffffff; /* white */
}
    #esaura-content {
        margin-bottom: 36px;
        padding-top: 12px; /* -12:bg+24 */
    }
    #esaura-footer {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    /* #main */
    #esaura-content #esaura-main {
        margin-bottom: 48px;
    }

    /* #side */
    #esaura-content #esaura-side {
        margin-bottom: 48px;
        padding-top: 1.2em;
    }
    /* #bottom */
    #esaura-content #esaura-bottom {
        clear: both; /* clear #side */
        padding-top: 30px; /* 6:bg+24 */
        padding-bottom: 12px;
        background: url(http://static.esaura.cc/www023/img/css/bg-body_top_colorstrip.png) /* colorStrip:130x6 */
                    repeat-x
                    top left;
    }
    /* #toTop */
    #esaura-content a#esaura-toTop {
        display: block;
        margin-left: -24px;  /* -> 950 width */
        margin-right: -24px; /* -> 950 width */
    }

/* #wrapper */
#esaura-wrapper {
    padding-top: 36px;
    padding-bottom: 12px;
    width: 100%;
    background: #f1f0e6 /* l-brown */
                url(http://static.esaura.cc/www023/img/css/bg-body_stripe.png) /* stripe:2x2 */
                repeat
                top left;
}


/* Extended
------------------------------------------------- */
/* #content.my */
#esaura-content.esaura-my #esaura-main { float:  left; width: 580px; }
#esaura-content.esaura-my #esaura-side { float: right; width: 289px; }


/* 
--------------------------------------------------
 HEADER
--------------------------------------------------*/

/* #top */
a#esaura-top {
    position: absolute;
    top: -2em;
}

/* h1 */
#esaura-header h1 {
    float: left;
    width: 534px;
}
    /* span */
    #esaura-header h1 span {
        float: left;
        display: block;
        cursor: pointer;
    }
        #esaura-header h1 span#esaura-header-imgTagline {
            width: 268px;
            margin-top: 28px;
            margin-right: 76px; /* 950/2-(36+268+190/2) */
            background: url(http://static.esaura.cc/www023/img/css/icons.png) /* tagline:268x47 */
                        no-repeat
                        -532px -596px;
            /* img replacement */
            padding-top: 14px; /* 47:bg */
            height: 0;
            overflow: hidden;
        }
        #esaura-header h1 span#esaura-header-imgLogo {
            width: 190px;
            background: url(http://static.esaura.cc/www023/img/css/icons.png) /* logo:190x47 */
                        no-repeat
                        -563px -549px;
            /* img replacement */
            padding-top: 47px; /* 47:bg */
            height: 0;
            overflow: hidden;
        }

/* #header-formSearch */
form#esaura-header-formSearch {
    float: right;
    width: 269px;
    margin-top: 16px;
    padding-top: 6px; /* 6:bg */
    background: url(http://static.esaura.cc/www023/img/css/bg-search.png) /* top:269x6 */
                no-repeat
                0 0;
}
    /* ul, li */
    form#esaura-header-formSearch ul,
    form#esaura-header-formSearch li {
        height: 1.385em; /* 18px */
    }
        form#esaura-header-formSearch ul {
            padding-bottom: 6px; /* 6:bg */
            background: url(http://static.esaura.cc/www023/img/css/bg-search.png) /* bottom:269x6 */
                        no-repeat
                        0 100%;
        }
        form#esaura-header-formSearch li {
            background: url(http://static.esaura.cc/www023/img/css/bg-search.png) /* body:269x1 */
                        repeat-y
                        -269px 0;
        }
    /* input */
    form#esaura-header-formSearch input {
        border: none; /* overwritten */
        background: none; /* overwritten */
    }
        form#esaura-header-formSearch input#esaura-header-formSearchText {
            margin-right: 12px;
            width: 165px; /* 195-(6+24) */
            padding: 0 6px 0 24px; /* left=16:bg+6+α */
            background: url(http://static.esaura.cc/www023/img/css/icons.png) /* magnify:16x16 */
                        no-repeat
                        -920px -400px; /* x:-150+6 */
        }
        form#esaura-header-formSearch input#esaura-header-formSearchSubmit {
            width: 62px;
            padding: 0; /* resest default */
            color: #ffffff;
            cursor: pointer;
        }

/* span#header-news */
span#esaura-header-news {
    float: left;    
}

/* #header-navGlobal */
ul#esaura-header-navGlobal {
    float: right;
}
    /* a */
    ul#esaura-header-navGlobal a {
        color: #554738; /* brown */
    }
        li#esaura-header-navGlobalLanguage a {
            color: #71993d; /* green */
        }

/* 
--------------------------------------------------
 NAVTOP
--------------------------------------------------*/
/* #navtop */
#esaura-navtop {
    width: 962px; /* 962-0x2 */
    margin: 0 auto;
}

/*  #navtop-navPublic */
#esaura-navtop-navPublic{
    float: left;
    width: 560px; /* bg:547+α */
}
    /* h1 */
    #esaura-navtop-navPublic h1 {
        margin-top: 6px;
        margin-bottom: 15px;
    }
    #esaura-navtop-navPublic span {
        float:left;
        display: block;
        margin-right: 12px;
        background-image: url(http://static.esaura.cc/www023/img/css/icons.png);
        background-repeat: no-repeat;
        /* img replacement */
        height: 0;
        padding-top: 14px; /* 14:bg */
        overflow: hidden;
    }
        #esaura-navtop-navPublic.esaura-ja span#esaura-navtop-imgTagline {
            width: 375px;
            background-position: 0 -549px; /* tagline: 375x14 */
        }
        #esaura-navtop-navPublic.esaura-en span#esaura-navtop-imgTagline {
            width: 402px;
            background-position: 0 -565px; /* tagline: 402x14 */
        }
    
    /* ul */
    #esaura-navtop-navPublic ul {}
    #esaura-navtop-navPublic li {
        float: left;
        width: 172px;
        margin-right: 12px;
    }
    #esaura-navtop-navPublic li a {
        display: block;
        background-image: url(http://static.esaura.cc/www023/img/css/icons.png);
        background-repeat: no-repeat;
        /* img replacement */
        height: 0;
        padding-top: 48px; /* 48:bg */
        overflow: hidden;
    }
        #esaura-navtop-navPublic.esaura-ja li#esaura-navtop-navPublicTop       a {
            background-position:    0   -581px; /* menu-top:       172x48 */
        }
        #esaura-navtop-navPublic.esaura-ja li#esaura-navtop-navPublicQuestions a {
            background-position: -172px -581px; /* menu-questions: 172x48 */
        }
        #esaura-navtop-navPublic.esaura-ja li#esaura-navtop-navPublicUpload    a {
            background-position: -344px -581px; /* menu-upload:    172x48 */
        }
        #esaura-navtop-navPublic.esaura-en li#esaura-navtop-navPublicTop       a {
            background-position:    0   -677px; /* menu-top:       172x48 */
        }
        #esaura-navtop-navPublic.esaura-en li#esaura-navtop-navPublicQuestions a {
            background-position: -172px -677px; /* menu-questions: 172x48 */
        }
        #esaura-navtop-navPublic.esaura-en li#esaura-navtop-navPublicUpload    a {
            background-position: -344px -677px; /* menu-upload:    172x48 */
        }
            div.esaura-index              #esaura-navtop-navPublic.esaura-ja li#esaura-navtop-navPublicTop       a {
                background-position:    0   -629px; /* menu-top:       172x48 */
            }
            div.esaura-category-questions #esaura-navtop-navPublic.esaura-ja li#esaura-navtop-navPublicQuestions a {
                background-position: -172px -629px; /* menu-questions: 172x48 */
            }
            div.esaura-edit-questions     #esaura-navtop-navPublic.esaura-ja li#esaura-navtop-navPublicUpload    a {
                background-position: -344px -629px; /* menu-upload:    172x48 */
            }
            div.esaura-index              #esaura-navtop-navPublic.esaura-en li#esaura-navtop-navPublicTop       a {
                background-position:    0   -725px; /* menu-top:       172x48 */
            }
            div.esaura-category-questions #esaura-navtop-navPublic.esaura-en li#esaura-navtop-navPublicQuestions a {
                background-position: -172px -725px; /* menu-questions: 172x48 */
            }
            div.esaura-edit-questions     #esaura-navtop-navPublic.esaura-en li#esaura-navtop-navPublicUpload    a {
                background-position: -344px -725px; /* menu-upload:    172x48 */
            }


/*  #navtop-navPersonal */
#esaura-navtop-navPersonal {
    float: right;
    height: 56px; /* 20+6+42-6x3 */
    padding: 6px 12px 0 12px;
    border: 6px solid #f1f0e6; /* l-brown */
    font-size: 93%; /* 12px */
    background-color: #ffffff; /* white */
}
    /* div */
    #esaura-navtop-navPersonal div.esaura-section {
        margin-bottom: 4px;
        padding-bottom: 6px;
        border-bottom: 1px dashed #ccc098; /* ll-brown */
    }
    /* When logged in*/
    #esaura-navtop-navPersonal.esaura-navtop-navPersonalLogin {
        /*border: 6px solid #dceaf6; /* l-blue */
    }
    /* #navtop-navPersonalLogin */
    ul#esaura-navtop-navPersonalLogin {
        float: right;
    }
    ul#esaura-navtop-navPersonalLogin li {
        margin-bottom: 6px;
        padding-top: 2px;
        padding-bottom: 3px;
    }

    /* dl#navtop-navPersonalUsername */
    dl#esaura-navtop-navPersonalUsername {
        float: left;
    }
    dl#esaura-navtop-navPersonalUsername dt,
    dl#esaura-navtop-navPersonalUsername dd {
        float: left;
        margin-right: 6px;
    }
    /* ul#navtop-navPersonalLogout */
    ul#esaura-navtop-navPersonalLogout {
        float: right;
    }
        ul#esaura-navtop-navPersonalLogout a {
            color: #554738; /* brown */
        }
    /* ul#navtop-navPersonalMenu */
    ul#esaura-navtop-navPersonalMenu {}
    ul#esaura-navtop-navPersonalMenu li {
        float: left;
        margin-top:  3px;
        margin-right: 16px;
        margin-bottom: 6px;
    }
        ul#esaura-navtop-navPersonalMenu li:last-child {
            margin-right: 0;
        }
        ul#esaura-navtop-navPersonalMenu a {
            display: block;
            color: #554738; /* brown */
        }

/* 
--------------------------------------------------
 SIDE
--------------------------------------------------*/

/* pickups */
#esaura-side div.esaura-pickups {
    margin-bottom: 48px; /* =.sec */
}


/* 
--------------------------------------------------
 BOTTOM
--------------------------------------------------*/

/* div.pickups */
#esaura-bottom div.esaura-pickups {
    float: left;
    width: 286px;
    margin-right: 12px;
    font-size: 93%; /* 12px */
}

/* #toTop */
a#esaura-toTop {
    display: block;
    padding: 12px 42px 12px 0; /* right:18+12+12px */
    background: url(http://static.esaura.cc/www023/img/css/icons.png) /* arrow:12x12 */
                no-repeat
                914px -774px; /* x:950-(24+12), y:200-12 */
    font-size: 93%; /* 12px */
    text-align: right;
}
    a#esaura-toTop:hover {
        background-color: #f1f0e6; /* l-brown */
    }

/* #footer-copyright */
address#esaura-address {
    padding: 24px 0 6px 0;
}
    span#esaura-address-copyright {
        float:left;
        margin-top: 6px;
        font-size: 93%; /* 12px */
    }
    a#esaura-address-poweredBy {
        float:right;
    }

/* 
--------------------------------------------------
 FOOTER
--------------------------------------------------*/

/* #footer-nav */
ul#esaura-footer-nav {
    float: left;
}

/* #footer-copyright */
address#esaura-footer-copyright {
    float: right;
    padding-left: 22px; /* 16:bg+6px */
    background: url(http://static.esaura.cc/www023/img/css/icon-esaura16.png) /* esaura:16x16 */
                no-repeat
                top left; 
}


/* 
--------------------------------------------------
 INDEX
--------------------------------------------------*/
/* h2 */
h2#esaura-index-signUp {
    margin-top: 6px;
}
    /* span */
    h2#esaura-index-signUp a {
        display: block;
        width: 902px;
        cursor: pointer;
        /* img replacement */
        height: 0;
        overflow: hidden;
        padding-top: 125px;
        background: url(http://static.esaura.cc/www023/img/css/icons.png) /* signup:902x125 */
                    no-repeat
                    -12px 0;
    }

/* div.unitLeft extends .unitLeft */
div.esaura-index-unitLeft {
    width: 578px;
}
    div.esaura-index-unitLeftBottom {
        width: 302px; /* overwritten */
    }
    /* ul.cards */
    div.esaura-index-unitLeft ul.esaura-cards li {
        margin-right: 0; /* overwritten */
    }

/* div.unitRight extends .unitRight */
div.esaura-index-unitRight {
    width: 302px;
}
    div.esaura-index-unitRightBottom {
        width: 578px;  /* overwritten */
    }

/* #index-topic */
#esaura-index-topic {
    width:  524px; /* 578+12-66px */
    height: 132px;
    margin-left: -12px;
    padding-left: 66px;
    background-image: url(http://static.esaura.cc/www023/img/css/icons.png); 
    background-repeat: no-repeat;
}
    #esaura-index-topic.esaura-ja {
        background-position: 0 -125px; /* Today's Q-section: 590x132 */
    }
    #esaura-index-topic.esaura-en {
        background-position: 0 -257px; /* Today's Q-section: 590x132 */
    }
    /* h3 */
    #esaura-index-topic h3 {
        padding: 22px 0 12px 54px; /* overwritten */
        background: none; /* overwritten */
        border: none; /* overwritten */
        font-size: 100%; /* 13px, overwritten */
    }
    /* a */
    #esaura-index-topic a {
        line-height: 2.2em;
    }
    #esaura-index-topic a#esaura-index-topicTitle {
        color: #554738; /* brown, overwritten */
    }
    /* strong */
    #esaura-index-topic strong {
        font-size:  167%; /* 22px  */
        font-weight: 600;
    }
    /* span */
    #esaura-index-topic span {
        margin-left: 12px;
    }

/* #index-pickup */
#esaura-index-pickup {
    width:  278px; /* 302+12-24-12px */
    height: 132px;
    margin-left: -12px;
    padding-left: 24px;
    padding-right: 12px;
    background-image: url(http://static.esaura.cc/www023/img/css/icons.png); 
    background-repeat: no-repeat;
}
    #esaura-index-pickup.esaura-ja {
        background-position: -602px -125px; /* Picked up!-section: 590x132 */
    }
    #esaura-index-pickup.esaura-en {
        background-position: -602px -257px; /* Picked up!-section: 590x132 */
    }
    /* h3 */
    #esaura-index-pickup h3 {
        padding: 22px 0 6px 96px; /* overwritten */
        background: none; /* overwritten */
        border: none; /* overwritten */
        font-size: 100%; /* 13px, overwritten */
        color: #ffffff; /* white */
    }
    /* p */
    #esaura-index-pickup p {
        line-height: 1.6em;
    }    

/* #index-ienakatter */
#esaura-index-ienakatter {}
    /* h3 */
    #esaura-index-ienakatter h3 {
        width:      210px;
        margin-left: -6px;
        margin-bottom: 3px; /* =.br */
        border: none; /* overwritten */
        background: url(http://static.esaura.cc/www023/img/css/icons.png)
                    no-repeat
                    -190px -21px; /* overwritten */
        font-size: 100%; /* 13px, overwritten */
        /* img replacement */
        height: 0;
        padding: 18px 0 0 0; /* overwritten */
        overflow: hidden;
    }
    /* p */
    #esaura-index-ienakatter p {
        margin: 0 0 3px 12px; /* overwritten */
    }
    /* form */
    #esaura-index-ienakatter form {
        padding-left: 12px;
    }
    /* input */
    #esaura-index-ienakatter input.esaura-text {
        width: 60%;
    }
    #esaura-index-ienakatter input.esaura-submit {
        background-color: #cc3300; /* orange */
        border: 1px solid #993300; /* d-orange */
    }
    #esaura-index-ienakatter input.esaura-submit:hover {
        background-color: #993300; /* d-orange */
    }

/* #index-contributors */
#esaura-index-contributors {
    width:  278px; /* 302+12-24-12px */
    height: 158px;
    margin-left: -12px;
    padding-left: 24px;
    padding-right: 12px;
    background: url(http://static.esaura.cc/www023/img/css/icons.png)
                no-repeat
                -602px -391px;  /* Contributors-section: 314x158 */
}
    /* h3 */
    #esaura-index-contributors h3 {
        padding: 22px 0 3px 24px; /* overwritten */
        background: none; /* overwritten */
        border: none; /* overwritten */
        font-size: 100%; /* 13px, overwritten */
        
    }
    #esaura-index-contributors h3 a {
        color: #ffffff; /* white */
    }

/* #index-recentUsers */
#esaura-index-recentUsers {
    width:  548px; /* 578+12px-12-30 */
    height: 158px;
    margin-left: -12px;
    padding-left: 30px;
    padding-right: 12px;
    background: url(http://static.esaura.cc/www023/img/css/icons.png)
                no-repeat
                0 -391px;  /* New users-section: 590x158 */
}
    /* h3 */
    #esaura-index-recentUsers h3 {
        padding: 22px 0 6px 90px; /* overwritten */
        background: none; /* overwritten */
        border: none; /* overwritten */
        font-size: 100%; /* 13px, overwritten */
    }


/* 
--------------------------------------------------
 CATEGORY
--------------------------------------------------*/

/* category
------------------------------------------------- */
/* #category-h2 */
h2#esaura-category-h2 {
    float: left;
    margin-right: 30px;
}

/* #category-navTopics */
dl#esaura-category-navTopics {
    float: left;
    line-height: 1.77em;
}
    /* dt */
    dl#esaura-category-navTopics dt {
        color: #f08300; /* orange */
    }

/* #category-result */
#esaura-category-result {
    clear: both;
    text-align: center;
}
    /* ul */
    #esaura-category-result ul {
        display: inline;
        margin-left: 12px;
    }
        #esaura-category-result ul li:last-child:after {
            content: '';
        }
    /* strong, em */
    #esaura-category-result strong,
    #esaura-category-result em {
        font-size: 132.6%; /* 20/15px */
    }
/* #category-navFilter */
dl#esaura-category-navFilter {
    clear: both;
    width: 70%;
    margin-top: -36px; /* 12px =.p @see form.searchKeyword -> 48-36 */
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}

/* #category-tips */
#esaura-category-tips {
    margin-top: -12px; /* 24px =.p @see form.searchKeyword -> 48-36 */
    margin-left: 200px;
}

/* #category-navPaginator */
div.esaura-category-navPaginator {}
    div.esaura-category-navPaginator dl.esaura-sort {
        width: 48%;
        float: left;
        margin-left: 4px;
    }
    div.esaura-category-navPaginator ul.esaura-paging {
        width: 50%;
        float: right;
        text-align: right;
    }

/* search
------------------------------------------------- */
/* .category-search-navNext */
div.esaura-category-search-navNext {
    margin-top: -42px; /* 6px =.nl @see ul.cards -> 48-42 */ 
    padding-right: 12px;
    text-align: right;
}



/* 
--------------------------------------------------
 POPULAR
--------------------------------------------------*/
/* #popular-navTopics */
dl#esaura-popular-navTopics {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.77em;
}
    /* dt */
    dl#esaura-popular-navTopics dt {
        color: #f08300; /* orange */
    }

/* #popular-navFilter */
dl#esaura-popular-navFilter {
    clear: both;
    width: 70%;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}

/* 
--------------------------------------------------
 VIEW
--------------------------------------------------*/

/* Basic
-------------------------------------------------
 #secContent
 |--#view-entry          |--#secMetaDat
 |--#secReplies
 |      |--h3
 |      |--div           |--#secRelated
 |      |--ul.replies    |
 |      |--div           |
------------------------------------------------- */
/* #view-entry */
#esaura-view-entry {
    float: left;
    width: 590px;
    min-height:   127px; /* for bg */
    margin-top:   -12px; /* for #content padding */
    margin-left:  -24px; /* for #content padding */
    margin-bottom: 12px; /* =.p */
    padding-top:   18px;
    padding-left:  24px;
}
    #esaura-content.esaura-view-questions #esaura-view-entry,
    #esaura-content.esaura-view-clips     #esaura-view-entry,
    #esaura-content.esaura-view-groups    #esaura-view-entry,
    #esaura-content.esaura-view-quotes    #esaura-view-entry {
        background: url(http://static.esaura.cc/www023/img/css/icons.png) /* Q:94x127 */
                    no-repeat
                    -12px -773px;
    }
    /* ul.breadcrumb */
    #esaura-view-entry ul.esaura-breadcrumb { float: left; }
    /* #view-edit */
    #esaura-view-entry span#esaura-view-navEdit { float: right; }
    /* h2 */
    #esaura-view-entry h2 {
        clear: both;
    }
    /* dl, p */
    #esaura-view-entry dl,
    #esaura-view-entry p {
        margin-right: 12px;
        margin-left:  12px;
    }
    #esaura-view-entry dl.esaura-view-entry-tags {
        font-size:  93%; /* 12px */
        margin-bottom: 12px; /* =.p */
    }

/* #view-entry-profile */
table#esaura-view-entry-profile {}
    table#esaura-view-entry-profile th {
        width: 40%;
        border-right: 3px solid #f1f0e6; /* l-brown */ 
    }
    table#esaura-view-entry-profile td {
        width: 60%;
    }

/* #secMetaDat */
#esaura-secMetaDat {
    float: right;
    width: 287px;
    margin-bottom: 24px; /* =.par */
}
    /* div.pickups */
    #esaura-secMetaDat div.esaura-pickups {
        margin-bottom: 48px; /* =.sec */
    }

/* #secReplies */
#esaura-secReplies {
    clear: both;
    float: left;
    min-height: 119px;  /* for bg */
    width: 580px;
    margin-left: -24px; /* full width */
    padding-left: 24px;
    padding-top:  46px; /* for bg  */
}

/* #secRelated */
#esaura-secRelated {
    float: right;
    width: 289px;
    padding-top:  46px; /* for bg  */
}

/* clips
------------------------------------------------- */
/* #view-culips-entry */
#esaura-view-culips-entry {
    margin-left:  12px;
}
    #esaura-view-culips-entry tr {
        border: none;
    }
    #esaura-view-culips-entry td.esaura-top {
        line-height: 1.77em;
    }
    #esaura-view-culips-entry table.esaura-dialog,
    #esaura-view-culips-entry td.esaura-dialog {
        width: 550px;
        background: #e6fdb7;
        border-collapse:collapse;
        border:0px;
        padding:0px;
    }
    #esaura-view-culips-entry td.esaura-dialog div.esaura-margin-left15  {
        margin-left:  15px;
        padding-right: 15px;
        line-height: 1.77em;
    }
    #esaura-view-culips-entry td.esaura-dialog strong {
        font-weight: bold;
    }

/* #view-culips-forward */
#esaura-view-culips-forward {
    padding: 12px;
    border-top:    1px dashed #ccc098; /* ll-brown */
}
    a#esaura-view-culips-forwardLogo {
        display: block;
        float: left;
        width: 119px;
        border: solid 3px #2198da; /* blue */
    }
    #esaura-view-culips-forward p {
        float: right;
        width: 410px;
    }

/* #yPlayer */
#yPlayer {
    width:  425px;
    height: 344px;
    margin: 0 auto;
    padding: 6px;
    background-color: #000000; /* black */
    border: 6px solid #f1f0e6; /* l-brown */
}

/* #jPlayer */
#jPlayer {}
    #jPlayer #player_container {
        position: relative;
        width:  560px;
        height:  90px;
        margin-left: 10px;
        border: 1px solid #e6ba46; /* gold */
        background-color: #eeeeee; /* gray */
    }
    #jPlayer #player_container ul#player_controls {
        list-style-type:none;
        padding:0;
        margin: 0;
    }
    #jPlayer #player_container ul#player_controls li {
        overflow:hidden;
        text-indent:-9999px;
    }
    #jPlayer #player_play,
    #jPlayer #player_pause {
        display: block;
        position: absolute;
        left: 12px;
        top:  12px;
        width:  40px;
        height: 40px;
        cursor: pointer;
    }
    #jPlayer #player_play {
        background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                    no-repeat
                    0 0;
    }
        #jPlayer #player_play.jplayer_hover {
            background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                        no-repeat
                        -41px 0;
        }
    #jPlayer #player_pause {
        background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                    no-repeat
                    0 -42px;
    }
        #jPlayer #player_pause.jplayer_hover {
            background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                        no-repeat
                        -41px -42px;
        }
    #jPlayer #player_stop {
        position: absolute;
        left: 62px;
        top:  18px;
        background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                    no-repeat
                    0 -83px;
        width:28px;
        height:28px;
        cursor: pointer;
    }
        #jPlayer #player_stop.jplayer_hover {
            background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                        no-repeat
                        -29px -83px;
        }
    #jPlayer #player_progress {
        position: absolute;
        left: 102px;
        top:  24px;
        background-color: #eeeeee; /* gray */
        width: 320px;
        height: 15px;
    }
    #jPlayer #player_progress_load_bar {
        background: url(http://static.esaura.cc/www023/img/css/jplayer_bar_load.gif)
                    repeat-x
                    top left;
        width:0px;
        height:15px;
        cursor: pointer;
    }
        #jPlayer #player_progress_load_bar.jplayer_buffer {
            background: url(http://static.esaura.cc/www023/img/css/jplayer_bar_buffer.gif)
                        repeat-x
                        top left;
        }
    #jPlayer #player_progress_play_bar {
        background: url(http://static.esaura.cc/www023/img/css/jplayer_bar_play.gif)
                    repeat-x
                    top left;
        width:0px;
        height:15px;
    }
    #jPlayer #player_volume_min {
        position: absolute;
        left: 440px;
        top:  24px;
        background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                    no-repeat
                    0 -170px;
        width:  18px;
        height: 15px;
        cursor: pointer;
    }
    #jPlayer #player_volume_max {
        position: absolute;
        left: 516px;
        top:   24px;
        background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                    no-repeat
                    0 -186px;
        width:18px;
        height:15px;
        cursor: pointer;
    }
        #jPlayer #player_volume_min.jplayer_hover {
            background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                        no-repeat
                        -19px -170px;
        }
        #jPlayer #player_volume_max.jplayer_hover {
            background: url(http://static.esaura.cc/www023/img/css/jplayer_spirites.jpg)
                        no-repeat
                        -19px -186px;
        }
    #jPlayer #player_volume_bar {
        position: absolute;
        left: 460px;
        top:   29px;
        background: url(http://static.esaura.cc/www023/img/css/jplayer_volume_bar.gif)
                    repeat-x
                    top left;
        width: 46px;
        height: 5px;
        cursor: pointer;
    }
    #jPlayer #player_volume_bar_value {
        background: url(http://static.esaura.cc/www023/img/css/jplayer_volume_bar_value.gif)
                    repeat-x
                    top left;
        width:  0px;
        height: 5px;
    }
    #jPlayer #player_playlist_message {
        position: absolute;
        left:    0;
        bottom:  0;
        width:   524px;
        padding: 6px 24px 12px 12px;
        line-height:1.4em;
        height: 1em;
        background-color: #cccccc; /* gray */
    }
    #jPlayer #song_title {
        float:   left;
        margin:  0 5px 0 0;
        padding: 0;
        font-weight: bold;
    }
    #jPlayer #play_time,
    #jPlayer #total_time {
        padding-top: .3em;
        font-weight: normal;
        font-style:  oblique;
        font-size:   .7em;
    }
        #jPlayer #play_time {
            float: right;
            margin-right:  6px;
        }
        #jPlayer #play_time:after {
            margin-left:  12px;
            content: '/';
        }
        #jPlayer #total_time {
            float: right;
            margin-left:  6px;
        }

/* groups
------------------------------------------------- */
/* #view-groups-navIngroup */
p#esaura-view-groups-navIngroup {
    font-size: 138.5%; /* 18px */
}

/* quotes
------------------------------------------------- */
/* #view-quotes-entries */
#esaura-view-quotes-entries {
    clear: both;
    width: 100%;
}

/* meta
------------------------------------------------- */
/* #view-meta */
#esaura-view-meta {
    margin-top: 2.8em;
    margin-bottom: 12px; /* =.p */
    background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* body:287x1 */
                repeat-y
                -1463px 0;
}
    /* common */
    #esaura-view-meta dt {
        float: left;
    }
    #esaura-view-meta dd {
        float: left;
        width: 207px; /* 287-16x2-36-12 */
        margin-left: 12px;
        line-height: 1.5em;
    }

    /* #view-meta-author */
    #esaura-view-meta dl#esaura-view-meta-author {
        width: 257px; /* 309-(16+36) */
        margin-left: -22px; /* 309-287 for bg */
        margin-bottom: 12px; /* =.p */
        padding: 14px 16px 0 36px; /* top 2:bg+12, right 4:bg+12 left 24:bg+12 */
        background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* top:309x42 */
                    no-repeat
                    -867px 0;
        font-size:  93%; /* 12px */
    }

    /* #view-meta-counter */
    #esaura-view-meta #esaura-view-meta-counter {
        margin-left: 14px;  /* left 2+12 */
        margin-right: 16px; /* right 4+12 */
        margin-bottom: 12px; /* =.p */
        text-align: center;
    }
        #esaura-view-meta #esaura-view-meta-counter em,
        #esaura-view-meta #esaura-view-meta-counter strong {
            font-size: 197%; /* 26px */
        }

    /* #view-meta-star */
    #esaura-view-meta #esaura-view-meta-star {
        width: 257px; /* 287-(16+14) */
        padding-left: 14px; /* left 2:bg+12 */
        padding-right: 16px; /* right 4:bg+12 */
        padding-bottom: 18px; /* 6:bg+12 */
        background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* bottom:287x18 */
                    no-repeat
                    -1176px 100%;
        font-size:  93%;   /* 12px */
    }
        #esaura-view-meta dl#esaura-view-meta-star span.esaura-loadingStar {
            width:  36px;
            height: 36px;
            background-position: -72px 0; /* beige */
        }

/* Extended
------------------------------------------------- */
/* h2 */
    #esaura-content.esaura-view-questions h2.esaura-entry:before { content: 'Q';     color: #f08300; /* orange */ }
    #esaura-content.esaura-view-clips     h2.esaura-entry:before { content: 'Clip';  color: #e6ba46; /* gold   */ }
    #esaura-content.esaura-view-groups    h2.esaura-entry:before { content: 'Group'; color: #af2a33; /* red    */ }
    #esaura-content.esaura-view-quotes    h2.esaura-entry:before { content: 'Group'; color: #af2a33; /* red    */ }

/* #view-meta */
#esaura-content.esaura-view-users #esaura-view-meta {
    margin-bottom: 24px; /* =.par */
}

/* #view-meta-author */
#esaura-content.esaura-view-groups dl#esaura-view-meta-author dd,
#esaura-content.esaura-view-quotes dl#esaura-view-meta-author dd {
    width: 163px; /* 287-16x2-80-12 */
    line-height: 1.77em;
}
#esaura-content.esaura-view-groups dl#esaura-view-meta-author dd strong,
#esaura-content.esaura-view-quotes dl#esaura-view-meta-author dd strong {
    font-weight: bold;
}

/* #secReplies */
#esaura-content.esaura-view-questions #esaura-secReplies,
#esaura-content.esaura-view-clips     #esaura-secReplies {
    background-image: url(http://static.esaura.cc/www023/img/css/icons.png);
    background-repeat: no-repeat;
    background-position: -800px  -781px; /* A:104x119 */
}
#esaura-content.esaura-view-groups    #esaura-secReplies {}
    #esaura-content.esaura-view-questions #esaura-secReplies h3:before,
    #esaura-content.esaura-view-clips     #esaura-secReplies h3:before {
        margin-left: -24px; /* for default padding */
        margin-right: 6px;
        content: 'A';
        color: #6ba9ff; /* v-blue */
        font-size: 116%; /* 15px, overwritten */
    }
    #esaura-content.esaura-view-groups #esaura-secReplies h3:before {
        margin-left: -24px; /* for default padding */
        margin-right: 6px;
        content: 'Chat';
        color: #8891ff; /* violet */
        font-size: 116%; /* 15px, overwritten */
    }


/* 
--------------------------------------------------
 REPLY
--------------------------------------------------*/

/* #reply-form */
#esaura-reply-form {
    width: 580px;
}

/* #reply-h3 */
h3#esaura-reply-h3 {
    background: none; /* delete default */
}

/* div.reply-navPaginator */
div.esaura-reply-navPaginator {
    margin-bottom: 12px; /* =.p */
}
    div.esaura-reply-navPaginator dl.esaura-sort {
        margin-left: 4px;
    }
    div.esaura-reply-navPaginator ul.esaura-paging {
        margin-right: 4px;
        text-align: right;
    }

/* ul.inFrame extends ul.replies */
ul.esaura-inFrame {
    overflow: auto;
    width:  580px;
    height: 368px;
}


/* 
--------------------------------------------------
 GROUP
--------------------------------------------------*/

/* entry
------------------------------------------------- */
/* #group-entry-form */
#esaura-group-entry-form {}
    /* strong */
    #esaura-group-entry-form strong {
        color: #af2a33; /* red  */
    }
    /* select */
    #esaura-group-entry-form select {
        width: 57%;
    }
    /* input */
    #esaura-group-entry-form input.esaura-loadingPost {
        display: inline; /* overwritten */
        float: none; /* overwritten */
        width:  16px;
        height: 16px;
        background-position: 0 -60px; /* white */
    }

/* group
------------------------------------------------- */
/* #group-group-form */
#esaura-group-group-form {
    margin-bottom:  6px; /* =.nl */
    padding: 12px 12px 12px 80px;
    background-color: #f1f0e6;
}
    /* common */
    #esaura-group-group-form input,
    #esaura-group-group-form select {
        vertical-align: middle;
    }
    /* select */
    #esaura-group-group-form select#esaura-quotes-category {
        width: 6em;
        height: 1.55em;
        font-size: 138.5%; /* 18px */
    }
    /* input */
    #esaura-group-group-form input#esaura-quotes-id {
        width: 5em;
    }
    #esaura-group-group-form input#esaura-quotes-add.esaura-loadingPost {
        display: inline; /* overwritten */
        float: none; /* overwritten */
        width:  36px;
        height: 36px;
        background-position: -72px 0; /* beige */
    }
    #esaura-group-group-form input#esaura-quotes-delete {
        background-color: #ffffff; /* white, overwritten */
        border: 1px solid #cccccc; /* gray, overwritten */
        color: #999999; /* gray, overwritten */
    }
        #esaura-group-group-form input#esaura-quotes-delete:hover {
            border: 1px solid #af2a33; /* red, overwritten */
            color: #af2a33; /* red, overwritten */
        }
    #esaura-group-group-form input#esaura-quotes-delete.esaura-loadingPost { 
        display: none; /* overwritten */
    }

/* #group-form-status */
p#esaura-group-group-status {
    margin: 0; /* overwitten */
    text-align: center;
}


/* 
--------------------------------------------------
 EDIT
--------------------------------------------------*/

/* #edit-load */
#esaura-edit-load {}
    /* div */
    #esaura-edit-load div.esaura-unit1of2,
    #esaura-edit-load div.esaura-unit2of2 {
        width: 45%; /* overwritten */
        padding: 12px;
        border: 6px solid #f1f0e6; /* l-brown */
    }
        #esaura-edit-load #esaura-edit-questions {
            clear: both;
        }
        #esaura-edit-load #esaura-edit-clips {
            padding-bottom: 68px;
            background: url(http://static.esaura.cc/www023/img/css/bg-new.png) no-repeat -416px 90%; /* 550x45 */
        }
        #esaura-edit-load #esaura-edit-groups {
            clear: both;
            padding-bottom: 54px;
            background: url(http://static.esaura.cc/www023/img/css/bg-new.png) no-repeat 16px 90%; /* 550x45 */
        }

/* #edit-entry */
#esaura-edit-entry {
    width: 548px;
    
}
    /* ul.breadcrumb */
    #esaura-edit-entry ul.esaura-breadcrumb     {
        float: left;
    }
    /* #view-edit */
    #esaura-edit-entry span#esaura-edit-navEdit {
        float: right;
    }
    /* h2 */
    #esaura-edit-entry h2 {
        clear: both;
    }

/*
 #edit-form                         ... body
 |    |--form                       ... bottom
 |        |--(div.unitFormRequired) ... top
 |            |--h4
 |            |--p.messageErrors
 |            |--div.unitFormInput  (|--div.unitFormNotes)
 |        |--(div.unitFormOptions)
 |        |--(#form-options)
 |            |--div.unitSubmit
 |                |--div.unitSubmitButton
 |                |--div.unitSubmitDelete
*/
    #esaura-edit-form                              { background-position: -5305px 0;    /* body:548x1  */   }
    #esaura-edit-form form                         { background-position: -4355px 100%; /* bottom:548x18 */ }
    #esaura-edit-form form div.esaura-unitFormRequired { background-position: -3405px 0;    /* top:548x12 */    }

    /* Common */
    #esaura-edit-form h4,
    #esaura-edit-form p.esaura-messageErrors,
    #esaura-edit-form div.esaura-unitFormInput,
    #esaura-edit-form div.esaura-unitFormOptions,
    #esaura-edit-form div.esaura-unitSubmit     {
        width: 500px; /* 548-24*2 */
    }
    
    /* div.unitFormInput */
    #esaura-edit-form div.esaura-unitFormInput  {}
        #esaura-edit-form div.esaura-unitFormInput h6.esaura-edit-example {
            margin-top: 6px;
        }
        #esaura-edit-form div.esaura-unitFormInput p.esaura-edit-example {
            font-size: 93%;  /* 12px */
            line-height: 1.5em;
        }

    /* div.unitFormNotes */
    #esaura-edit-form div.esaura-unitFormNotes  {
        width: 318px; /* 950-24*2-548-6x2-24 */
    }
    
    /* div.unitSubmit */
    #esaura-edit-form div.esaura-unitSubmit img.esaura-loadingSec {
        margin-top: 8px;
        background-position: -144px -60px; /* cream */
    }
    #esaura-edit-form div.esaura-unitSubmit input.esaura-loadingPost {
        background-position: -144px 0; /* cream */
        width:  36px;
        height: 36px;
    }


/* 
--------------------------------------------------
 ACCOUNT
--------------------------------------------------*/

/* Basic
------------------------------------------------- */
/*
 #account-form                     ... body
 |     |--form                     ... bottom
 |         |--div.unitFormRequired ... top
*/
#esaura-account-form {
    float: left;
    width: 508px;
    
}
    #esaura-account-form                         { background-position: -2766px 0;    /* body:508x1  */   }
    #esaura-account-form form                    { background-position: -2258px 100%; /* bottom:508x18 */ }
    #esaura-account-form div.esaura-unitFormRequired { background-position: -1750px 0;    /* top:508x12 */    }

    /* div.unitFormInput, div.unitSubmit */
    #esaura-account-form div.esaura-unitFormInput,
    #esaura-account-form div.esaura-unitSubmit {
        width: 460px; /* 508-24*2 */
    }
        /* p.messageErrors */
        #esaura-account-form p.esaura-messageErrors {
            font-size: 108%;   /* 14px */
        }
        /* label */
        #esaura-account-form label {
            font-size: 108%;   /* 14px*/
        }
        /* input.text */
        #esaura-account-form input.esaura-text,
        #esaura-account-form input.esaura-readonly {
            font-size: 167%;   /* 22px */
        }
        /* input.password */
        #esaura-account-form input.esaura-password {
            font-size: 167%;   /* 22px */
        }
        /* input:submit */
        #esaura-account-form input.esaura-submit {
            width: 131px;
            height: 38px;
            padding-left: 24px;
            border: none;
            background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* button:131x38 */
                        no-repeat
                        -3274px 0;
            font-size: 123.1%; /* 16px */
        }
        /* a */
        #esaura-account-form a {
            line-height: 3.17em; /* 38/13 */
        }
        #esaura-account-form div.esaura-unitSubmit input.esaura-loadingPost {
            background-position: -144px 0; /* cream */
            width:  36px;
            height: 36px;
        }

/* #account-benefits */
#esaura-account-benefits {
    float: right;
    width: 370px; /* 950-24*2-508-24 */
}


/* freeze, sent
------------------------------------------------- */
/* p, ul.list */
#esaura-content.esaura-login #esaura-main>p,
#esaura-content.esaura-login #esaura-main>ul.esaura-list {
    margin-left: 12px;
}


/* 
--------------------------------------------------
 MY
--------------------------------------------------*/

/* Basic
------------------------------------------------- */
/* ul#my-navTab */
ul#esaura-my-navTab {
    margin-bottom: 36px;
    padding-left: 12px;
}
    ul#esaura-my-navTab li {
        float: left;
        width: 120px;
        margin-right: 12px;
        border-top: 3px solid #f1f0e6; /* l-brown */
        border-left: 3px solid #f1f0e6; /* l-brown */
        border-right: 3px solid #f1f0e6; /* l-brown */
    }
    ul#esaura-my-navTab li a {
        display: block;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #f1f0e6; /* l-brown */;
        color: #554738; /* brown */ 
    }
        ul#esaura-my-navTab li a:hover {
            color: #71993d; /* green */ 
        }
        ul#esaura-my-navTab li a.esaura-selected {
            background-color: #ffffff; /* white */;
        }
    /* loading */
    ul#esaura-my-navTab li img.esaura-loadingSec {
        margin: 8px 50px;
    }

/* #my-navFilter */
#esaura-my-navFilter dl {
    line-height: 1.77em; /* multiple lines */
}

/* #my-tableEntries */
table#esaura-my-tableEntries {}
    table#esaura-my-tableEntries th                           { width: 73%; }
    table#esaura-my-tableEntries td.esaura-my-tableEntriesBy      { width:  5%; }
    table#esaura-my-tableEntries td.esaura-my-tableEntriesDate    { width: 17%;
                                                            text-align: right;
                                                            font-size: 85%; /* 11px */ }
    table#esaura-my-tableEntries td.esaura-my-tableEntriesStar    { width:  5%; }

    /* span */
    table#esaura-my-tableEntries span.esaura-loadingStar {
        width:  24px;
        height: 24px;
    }
        table#esaura-my-tableEntries tr.esaura-odd  span.esaura-loadingStar { background-position: -72px -36px; /* beige */ }
        table#esaura-my-tableEntries tr.esaura-even span.esaura-loadingStar { background-position:     0 -36px; /* white */ }


/* my
------------------------------------------------- */

/*
 #my-announcements
 |    |--dl         ... body
 |           |--dt  ... top
 |           |--dd  ... bottom
*/
#esaura-my-announcements {}
    #esaura-my-announcements dl    { background-position: -4640px 0;    /* body:580x1 */    }
    #esaura-my-announcements dl dd { background-position: -4060px 100%; /* bottom:580x18 */ }
    #esaura-my-announcements dl dt { background-position: -3480px 0;    /* top:580x12 */    }

    /* p */
    #esaura-my-announcements dt p  {
        margin-left:  24px;
        margin-right: 24px;
    }
    #esaura-my-announcements dd p  {
        margin-left:  24px;
        margin-right: 24px;
        padding-left:  12px;
        padding-right: 12px;
    }

/* #my-entries */
table#esaura-my-entries {}
    table#esaura-my-entries th {
        width: 83%;
    }
    table#esaura-my-entries td.esaura-my-entriesByDate {
        width: 17%;
        text-align: right;
        font-size: 85%; /* 11px */
    }


/* meta
------------------------------------------------- */
/* #view-meta */
#esaura-my-meta {
    margin-top: 12px;
    margin-bottom: 24px; /* =.par */
    background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* body:287x1 */
                repeat-y
                -1463px 0;
}
    /* #my-meta-author */
    #esaura-my-meta dl#esaura-my-meta-author {
        width: 257px; /* 309-(16+36) */
        margin-left: -22px; /* 309-287 for bg */
        margin-bottom: 12px; /* =.p */
        padding: 14px 16px 0 36px; /* top=2:bg+12, right=4:bg+12 left=24:bg+12 */
        background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* top:309x42 */
                    no-repeat
                    -867px 0;
        font-size:  93%; /* 12px */
    }
        #esaura-my-meta dl#esaura-my-meta-author dt {
            float: left;
        }
        #esaura-my-meta dl#esaura-my-meta-author dd {
            float: left;
            width: 207px; /* 287-16x2-36-12 */
            margin-left: 12px;
            line-height: 1.5em;
        }

    /* #my-meta-counter */
    #esaura-my-meta #esaura-my-meta-counter {
        width: 257px; /* 287-(16+14) */
        padding-left: 14px; /* left 2:bg+12 */
        padding-right: 16px; /* right 4:bg+12 */
        padding-bottom: 18px; /* 6:bg+12 */
        background: url(http://static.esaura.cc/www023/img/css/bg-wrappers1.png) /* bottom:287x18 */
                    no-repeat
                    -1176px 100%;
        font-size: 93%; /* 12px */
    }
        #esaura-my-meta #esaura-my-meta-counter h4 {
            margin-bottom: 3px; /* overwritten */
        }
        #esaura-my-meta #esaura-my-meta-counter dl {
            padding-left: 12px;
        }
        #esaura-my-meta #esaura-my-meta-counter dl dt,
        #esaura-my-meta #esaura-my-meta-counter dl dd {
            margin-bottom: 6px;
            text-align: left;
        }
        #esaura-my-meta #esaura-my-meta-counter dl dt {
            float: left;
            width: 70%;
        }
        #esaura-my-meta #esaura-my-meta-counter dl dd {
            float: right;
            width: 29%;
        }

/* 
--------------------------------------------------
 CONTACT
--------------------------------------------------*/

/* Basic
------------------------------------------------- */
/* p, ul */
#esaura-content.esaura-contact #esaura-main>p,
#esaura-content.esaura-contact #esaura-main>ul.esaura-list {
    margin-left: 12px;
}

/* a */
#esaura-content.esaura-contact div.esaura-unitSubmit a.esaura-edit {
    margin-top: 0.8em;
    line-height: 1.5em;
    background-position: -920px -175px; /* position fixed */
}

/* 
--------------------------------------------------
 NEWS
--------------------------------------------------*/

/* a */
#esaura-content.esaura-news div.esaura-unitSubmit a.esaura-edit {
    margin-top: 0.8em;
    line-height: 1.5em;
    background-position: -920px -175px; /* position fixed */
}


/* 
--------------------------------------------------
 STATIC
--------------------------------------------------*/

/* Basic
------------------------------------------------- */
/* p, ul */
#esaura-content.esaura-static #esaura-main>p,
#esaura-content.esaura-static #esaura-main>dl.esaura-list {
    margin-left: 12px;
}

/* about
------------------------------------------------- */
/* .unitLeft, .unitRight */
#esaura-content.esaura-static .esaura-unitLeft {
    width: 520px;
    padding-left: 12px;
}
#esaura-content.esaura-static .esaura-unitRight {
    width: 260px;
    margin-right: 24px;
    padding: 12px 18px 2px 18px;
    border: 6px solid #f1f0e6; /* ll-brown */
}

/* .about-intro */
.esaura-about-intro {
    width: 800px;
    padding-top: 262px; /* bg:250+12 */
    margin-left: 12px;
    background-image: url(http://static.esaura.cc/www023/img/css/bg-about_esaura.png);
    background-repeat: no-repeat;
    
}
    #esaura-about-introQ.esaura-ja { background-position:       0 0; /* about-question:250x800 */ }
    #esaura-about-introA.esaura-ja { background-position:  -800px 0; /* about-answer:250x800   */ }
    #esaura-about-introH.esaura-ja { background-position: -1600px 0; /* about-heart:250x800    */ }
    #esaura-about-introS.esaura-ja { background-position: -2400px 0; /* about-star:250x800     */ }
    #esaura-about-introU.esaura-ja { background-position: -3200px 0; /* about-update:250x800   */ }
    #esaura-about-introQ.esaura-en { background-position: -4000px 0; /* about-question:250x800 */ }
    #esaura-about-introA.esaura-en { background-position: -4800px 0; /* about-answer:250x800   */ }
    #esaura-about-introH.esaura-en { background-position: -5600px 0; /* about-heart:250x800    */ }
    #esaura-about-introS.esaura-en { background-position: -6400px 0; /* about-star:250x800     */ }
    #esaura-about-introU.esaura-en { background-position: -7200px 0; /* about-update:250x800   */ }

/* #about-toSignup */
a#esaura-about-toSignup {
    display: block;
    width: 272px;
    margin-left: 12px;
    border: 6px solid #f1f0e6; /* ll-brown */ 
    /* img replacement */
    height: 0;
    padding-top: 67px;
    overflow: hidden;
    background: url(http://static.esaura.cc/www023/img/css/icons.png)
                no-repeat
                -612px -42px; /* signup:272x67 */
}


/* 
--------------------------------------------------
 PRINT (not implemented yet)
--------------------------------------------------*/
@media print {

}


/* 
--------------------------------------------------
 SETTINGS FOR IE (Common)
--------------------------------------------------*/

/* CLASSES
------------------------------------------------- */
/* ul|dl.list */
*:first-child+html ul.esaura-list li,
*:first-child+html ul.esaura-list dd {
    background-position: -920px -549px; /* bullet:14x14, y+6px */
}
* html             ul.esaura-list li,
* html             ul.esaura-list dd {
    background-position: -920px -550px; /* bullet:14x14, y+5px */
}

/* ul|dl.navi with | */
*:first-child+html ul.esaura-navi li,
*:first-child+html dl.esaura-navi dd {
    margin-right: 12px;
}
*:first-child+html dl.esaura-navi dd a {
    padding-left: 3px;
    padding-right: 3px;
}
* html             ul.esaura-navi li,
* html             dl.esaura-navi dd {
    margin-right: 12px;
}
* html             dl.esaura-navi dd a {
    padding-left: 3px;
    padding-right: 3px;
}

/* ul.breadcrumb with > */
*:first-child+html ul.esaura-breadcrumb li {
    padding-left: 1.67em; /* (8:bg+12)/12 */
    background: url(http://static.esaura.cc/www023/img/css/icons.png) no-repeat -920px -246px; /* '>':8x8, y+4px */ 
}
    *:first-child+html ul.esaura-breadcrumb li:first-child {
        padding-left: 0;
        background: none;
    }
* html             ul.esaura-breadcrumb li {
    padding-left: 1.67em; /* (8:bg+12)/12 */
    background: url(http://static.esaura.cc/www023/img/css/icons.png) no-repeat -920px -247px; /* '>':8x8, y+4px */ 
}

/* list of entries */
*:first-child+html div.esaura-pickups ul li {
    padding-left: 20px; /* 14+6px for bg */
    background: url(http://static.esaura.cc/www023/img/css/icons.png) no-repeat -920px -546px; /* bullet:14x14, y+9px */
}
* html             div.esaura-pickups ul li {
    padding-left: 20px; /* 14+6px for bg */
    background: url(http://static.esaura.cc/www023/img/css/icons.png) no-repeat -920px -546px; /* bullet:14x14, y+9px */
}

/* icons */
*:first-child+html .esaura-iconTv,
*:first-child+html .esaura-iconCrown,
*:first-child+html .esaura-iconChats,
*:first-child+html .esaura-iconUpload,
*:first-child+html .esaura-iconJa {
    padding-top: 2px;
}
* html             .esaura-iconTv,
* html             .esaura-iconCrown,
* html             .esaura-iconChats,
* html             .esaura-iconUpload,
* html             .esaura-iconJa {
    padding-bottom: 1px;
}


/* HEADER
------------------------------------------------- */
/* #navtop */
*:first-child+html p#esaura-navtop-javascript {
    padding-bottom: 12px;
    margin-bottom: 0;
}
* html             p#esaura-navtop-javascript {
    padding-bottom: 12px;
    margin-bottom: 0;
}

*:first-child+html #esaura-navtop-navPersonal.esaura-ja { width: 150px; }
*:first-child+html #esaura-navtop-navPersonal.esaura-en { width: 170px; }
* html             #esaura-navtop-navPersonal       { width: 205px; }
*:first-child+html #esaura-navtop-navPersonal.esaura-navtop-navPersonalLogin { width: 312px; }
* html             #esaura-navtop-navPersonal.esaura-navtop-navPersonalLogin { width: 372px; }
* html ul#esaura-navtop-navPersonalMenu li {
    width: 7em;
    margin-right: 6px;
}


/* CATEGORY
------------------------------------------------- */
/* dl#category-navFilter */
*:first-child+html #esaura-content.esaura-popular dl#esaura-category-navFilter {
    margin-top: 0; /* overwritten */
}
* html             #esaura-content.esaura-popular dl#esaura-category-navFilter {
    margin-top: 0; /* overwritten */
}

/* REPLY
------------------------------------------------- */
/* h3 */
* html             h3#esaura-reply-h3 { padding-left: 0; /* reset default */ }
*:first-child+html h3#esaura-reply-h3 { padding-left: 0; /* reset default */ }

/* CLEARFIX
------------------------------------------------- */
* html             .esaura-wrapperTop,
* html             .esaura-wrapperBody,
* html             .esaura-wrapperBottom,
* html             .esaura-wrapperTop2,
* html             .esaura-wrapperBody2,
* html             .esaura-wrapperBottom2 { zoom: 1; }
*:first-child+html .esaura-wrapperTop,
*:first-child+html .esaura-wrapperBody,
*:first-child+html .esaura-wrapperBottom,
*:first-child+html .esaura-wrapperTop2,
*:first-child+html .esaura-wrapperBody2,
*:first-child+html .esaura-wrapperBottom2 { zoom: 1; }
.esaura-division,
.esaura-section {
    zoom: 1;
}


/* 
--------------------------------------------------
 SETTINGS FOR IE7
--------------------------------------------------*/

/* CLASSES
------------------------------------------------- */
/* form.search */
*:first-child+html form.esaura-search input.esaura-searchText {
    height: 1.385em; /* 18px */
}


/* HEADER
------------------------------------------------- */
/* #header-formSearchText */
*:first-child+html form#esaura-header-formSearch input#esaura-header-formSearchText {
    height: 1.385em; /* 18px */
}



/* 
--------------------------------------------------
 SETTINGS FOR IE6
--------------------------------------------------*/

/* GLOBAL
------------------------------------------------- */
/* html */
* html.esaura {
    background-color: #f6f6f6 /* l-brown */
}

/* margin: auto */
* html.esaura body {
    text-align: center;
}
* html div.esaura-header-section,
* html #esaura-navtop,
* html #esaura-content,
* html #esaura-footer {
    text-align: left;
}

/* margin: negative */
* html #esaura-index-contributors,
* html #esaura-index-recentUsers,
* html #esaura-index-topic,
* html #esaura-index-pickup,
* html #esaura-view-entry,
* html dl#esaura-view-meta-author,
* html dl#esaura-my-meta-author,
* html #esaura-secReplies {
    position: relative; 
}
* html #esaura-secReplies {
    margin-left: -12px; /* overwritten */
}

/* width */
* html #esaura-header div.esaura-section {
    width: 950px;
}
* html #esaura-navtop,
* html #esaura-content,
* html #esaura-footer {
    width: 962px;
}
* html form#esaura-header-formSearch input#esaura-header-formSearchText {
    width: 195px;
}
* html #esaura-index-topic,
* html #esaura-index-recentUsers {
    width: 590px;
}
* html #esaura-index-pickup,
* html #esaura-index-contributors {
    width: 314px;
}
* html form.esaura-search input.esaura-searchText {
    width: 322px;
}
* html #esaura-view-meta dl#esaura-view-meta-author,
* html #esaura-my-meta dl#esaura-my-meta-author {
    width: 309px;
}
* html #esaura-view-meta dl#esaura-view-meta-star,
* html #esaura-my-meta div#esaura-my-meta-counter {
    width: 287px;
}
* html #esaura-secReplies {
    width: 604px;
}

/* overflow: hidden */
* html ul.esaura-cards li h4,
* html ul.esaura-cards li p,
* html ul.esaura-cards li dl,
* html #esaura-bottom div.esaura-pickups ul li {
    word-break: break-all;
}
* html #esaura-content.esaura-view-clips ul.esaura-replies {
    width: auto;
    height: auto;
    overflow: visible;
}

/* img replacement */
* html #esaura-header h1 span#esaura-header-imgTagline { height: 14px;  }
* html #esaura-header h1 span#esaura-header-imgLogo    { height: 47px;  }
* html #esaura-navtop-navPublic span               { height: 14px;  }
* html #esaura-navtop-navPublic li a               { height: 46px;  }
* html h2#esaura-index-signUp a                    { height: 125px; }
* html #esaura-index-ienakatter h3                 { height: 18px;  }
* html a#esaura-about-toSignup                     { height: 79px;  }

/* layout fix */
* html ul.esaura-thumbnails li {
    border: solid 1px #ffffff; /* white */
}

/* HEADER
------------------------------------------------- */
/* #top */
* html a#esaura-top {
    float:       left;
    position:    relative;
    margin-left: -9999px;
}

/* h1 */
* html #esaura-header {}
    /* span */
    * html #esaura-header h1 span {
/*        height: 47px;*/
    }

/* INDEX
------------------------------------------------- */
/* form.search */
* html form.esaura-search {
    margin-left: 150px;
}

/* ul.thumbnails */
* html ul.esaura-thumbnails li {
    margin-right: 20px;
}


/* CATEGORY
------------------------------------------------- */
/* dl#category-navFilter */
* html dl#esaura-category-navFilter {
    width: 100%;;
    margin-left: 170px;
    margin-right: 170px;
}

/* ul.cards */
* html ul.esaura-cards li {
    width: 288px;
    margin-right: 18px;
}

/* POPULAR
------------------------------------------------- */
/* #popular-navTopics */
* html dl#esaura-popular-navTopics {
    margin-left: 120px;
}

/* #popular-navFilter */
* html dl#esaura-popular-navFilter {
    margin-left: 200px;
}

/* VIEW
------------------------------------------------- */
* html #esaura-view-entry span#esaura-view-navEdit {
    width: 15%;
}

/* BOTTOM
------------------------------------------------- */
/* div.pickups */
* html #esaura-bottom div.esaura-pickups {
    width: 268px;
}