/**
 * Base
 */

/**
 * Addon Filter
 */
.addon-filter {
	padding-bottom: 16px;
	margin-bottom: 18px;
	position: relative;
	background: #fff;
}
.oldie .addon-filter { border-bottom: 1px solid #ccc; }
.addon-filter:before {
    content: "";
    position: absolute;
    z-index: -2;
	height: 20px;
	bottom: 3px;
	left: 10px;
	right: 10px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	        box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-moz-border-radius: 100px / 10px;
	     border-radius: 100px / 10px;
}
.mozilla .addon-filter:before { bottom: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.2) }

.addon-filter .button-group { float: left; margin-right: 20px; }

.mozilla .button-group-addon-view .button { padding-bottom: 6px !important; }
.opera .button-group-addon-view .button,
.webkit .button-group-addon-view .button { padding-top: 5px !important; padding-bottom: 6px !important; }
.button-group-addon-view i { position: relative; top: 1px; }
.button-group-addon-view .active .icon-addon-view-list { background: url(../images/icons/addon-view-list-active.png) no-repeat; }
.button-group-addon-view .active .icon-addon-view-tiles { background: url(../images/icons/addon-view-tiles-active.png) no-repeat; }

.addon-search { float: right; }
.addon-search .input-text { margin-right: 5px; width: 200px; }
.addon-search .button { vertical-align: top; }

/**
 * Context
 */
.context { background: #f7f7f7; }

.context .context-header,
.context .context-body,
.context .context-footer { padding: 15px; }
.context .context-header { padding: 15px 15px 0; }

.context .context-header .context-title { font-size: 18px; line-height: 1em; }

/**
 * Star rating
 */
.stars            { overflow: hidden; width: 102px; height: 17px; }
.star             { float: left; margin-left: 3px; width: 18px; height: 17px; background: url(../images/icons/star-empty.png) no-repeat; }
.star:first-child { margin-left: 0; }
.star-full        { background: url(../images/icons/star-full.png) no-repeat; }
.star-half        { background: url(../images/icons/star-half.png) no-repeat; }


/**
 * Footer
 */
.ls-footer-extra-help.ls-footer-extra-help-devs figure      { background: url(../images/icons/ls-footer-devs.png) no-repeat; }
.ls-footer-extra-help.ls-footer-extra-help-customers figure { background: url(../images/icons/ls-footer-customers.png) no-repeat; }

.ls-footer-extra-payment { float: right; width: 334px; height: 150px; background: url(../images/ls-footer-extra-payment.png?v=5) no-repeat; }

.color-red { color: #ff0000; }