/**
 * @fileOverview css style for addon.maxthon.com
 * @author  <yanlaichang@maxthon.net>
 * @version 2011-10-18
 */




.sidebar {
    float: left;
    width: 160px;
}

.content .main {
    float: right;
    width: 760px;
}

.sidebar .mod h3{
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
    color: #333;
}

.extensions {
    margin-bottom: 0;
    padding-bottom: 2px;
}

.extensions .more-skin {
    
}

/* categories */
.categories h3 {
    background: none;
}

.categories a {
    width: 150px;
    display: inline-block;
    padding: 2px 0 4px 10px;
    text-decoration: none;
    color: #333;
}

.categories a.current {
    background-color: #d3ebfb;
}

.categories .items {
    padding-top: 10px;
}

/* slider-extensions */
.mod-list .slider-extensions li {
    margin: 0;
    overflow: hidden;
    zoom: 1;
}

.mod-list .slider-extensions li .summary {
    float: left;
    width: 48px;
    margin: 22px auto 0;
}

.mod-list .slider-extensions li .detail {
    float: right;
    width: 490px;
    margin-top: 10px;
    
}

.mod-list .slider-extensions li .detail .intro-text {
    margin: 10px 0 15px;
    word-wrap: break-word;
    word-break: break-all;
}

.mod-list .extension-list li.current .btns {
    display: block;
}

.mod-list .extension-list li .btns {
    display: none;
}

.mod-list .slider-extensions .btns a.install span {
    position: static;
    text-indent: 0;
    width: 84px;
    height: 28px;
}

.mod-list .slider-extensions li .detail a.skin-name {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.mod-list .slider-extensions li .detail a.skin-name:hover {
    color: #0282c4;
}

/* extension-list */
.extensions h3 {
    margin: 0 0 17px 5px;    
}

.mod-list .extension-list {
    padding: 0;
}

.mod-list .extension-list li {
    width: 223px;
    height: 161px;
    margin: 0 19px 0 0;
    padding: 11px 0 10px 11px;
    overflow: hidden;
}

.mod-list .extension-list li.current {
    background-position: 0 -343px;
}

.mod-list .extension-list .summary a.logo {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 15px;
}

.mod-list .extension-list .summary .detail {
    float: left;
}

.mod-list .extension-list .summary .detail a.skin-name{
    color: #333;
}

.mod-list .extension-list .summary .detail a.skin-name:hover {
    color: #0282C4;
}

.mod-list .extension-list .intro-text {
    width: 215px;
    margin: 6px 0 9px 0;
    text-align: left;
    color: #333;
    white-space: normal;
    word-break: break-all;
}

#delegate-all li,
#delegate-index li,
#delegate-new li {
    cursor: pointer;
}

#delegate-new {
    margin-bottom: 20px;
}


/* filter */
.addons .filter dt {
    width: auto;
    height: 20px;
    padding: 2px 25px 0 15px;
    text-align: left;
    position: relative;
}

.addons .filter dd a {
    margin: 0;
}

/* similar-extensions */
.similar-extensions {
    margin-top: 18px;
}

.similar-extensions li {
    margin-top: 20px;
    overflow: hidden;
    zoom: 1;
}

.similar-extensions .logo {
    float: left;
}

.similar-extensions .detail {
    display: inline;
    float: right;
    margin-right: 20px;
}

.similar-extensions a.skin-name {
    color: #000;
    text-decoration: none;
}

.similar-extensions a.skin-name:hover {
    text-decoration: underline;
}

.similar-extensions .user-num {
    display: block;
}


/* logo */
a.logo {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
}

a.logo img {
    position: absolute;
    z-index: 1;
    width: 48px;
    height: 48px;
    cursor: pointer;
}

a.logo span.logo-bg {
    z-index: 5;
    position: absolute;
    width: 48px;
    height: 48px;
    /* 
    background: url(../images/round-cover-white.png) no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/round-cover-white.png",enabled=true,sizingMethod=noscale);
    cursor: pointer;
    */
}
.pick a.logo span.logo-bg {
    background: url(../images/round-cover-blue.png) no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/round-cover-blue.png",enabled=true,sizingMethod=noscale);
}

.list-extension {
    position: relative;
}

.list-extension h3 {
    margin-bottom: 15px;
}

.list-extension .my-language {
    position: absolute;
    right: 0;
    top: 3px;
}

.my-language-zh {
    vertical-align: middle;
}