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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,masthead,menu,nav,section{
	display:block
}

body{
	line-height:1
}

ol,ul{
	list-style:none
}

blockquote,q{
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
}

table{
	border-collapse:collapse;
	border-spacing:0
}

b,strong{
	font-weight:700
}

abbr,acronym{
	border-bottom:1px dotted
}

.c:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.c{
	display:inline-block
}

* html .c{
	height:1%
}

.c{
	display:block
}

#jquery-overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:2000;
	width:100%;
	height:500px
}

#jquery-lightbox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2001;
	text-align:center;
	line-height:0
}

#jquery-lightbox a img{
	border:0
}

#lightbox-container-image-box{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
	min-width:350px
}

#lightbox-container-image{
	padding:10px
}

#lightbox-loading{
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0
}

#lightbox-nav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10
}

#lightbox-container-image-box>#lightbox-nav{
	left:0
}

#lightbox-nav a{
	outline:0
}

#lightbox-nav-btnPrev,#lightbox-nav-btnNext{
	width:49%;
	height:100%;
	zoom:1;
	display:block
}

#lightbox-nav-btnPrev{
	left:0;
	float:left
}

#lightbox-nav-btnNext{
	right:0;
	float:right
}

#lightbox-container-image-data-box{
	font:10px Verdana,Helvetica,sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:hidden;
	width:100%;
	padding:0 10px;
	min-width:330px
}

#lightbox-container-image-data{
	padding:0 10px;
	color:#666
}

#lightbox-container-image-data #lightbox-image-details{
	width:70%;
	float:left;
	text-align:left
}

#lightbox-image-details-caption{
	font-weight:700
}

#lightbox-image-details-currentNumber{
	display:block;
	clear:left;
	padding-bottom:1em
}

#lightbox-secNav-btnClose{
	width:66px;
	float:right;
	padding-bottom:.7em
}

*{
	word-wrap:break-word
}

html,body{
	height:100%;
	height:-moz-calc(100% - 2px);
	height:-webkit-calc(100% - 2px);
	height:calc(100% - 2px)
}

html{
	background:#fff url(../images/bg-header.png) repeat-x
}

body{
	border-top:2px solid #686868
}

#page{
	max-width:960px;
	height:auto;
	width:960px;
	margin:0 auto;
	position:relative;
	min-height:404px
}

#page header.hero{
	width:720px
}

#page header h2,#page header h3{
	margin-bottom:16px
}

a{
	text-decoration:none;
	color:#447bc4
}

a:hover{
	text-decoration:underline
}

.island{
	background:#FCFDFE;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fcfdfe),to(#f4f8fc));
	background-image:linear-gradient(#fcfdfe,#f4f8fc);
	background-image:-moz-linear-gradient(#fcfdfe,#f4f8fc);
	background-image:-webkit-linear-gradient(#fcfdfe,#f4f8fc);
	border:1px solid #c9ddf2;
	border-radius:5px;
	box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
	display:block;
	float:left;
	margin-bottom:15px;
	padding:14px 14px 16px
}

.island.swagger{
	box-shadow:0 -2px 0 rgba(223,223,223,.3) inset,0 0 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 -2px 0 rgba(223,223,223,.3) inset,0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 -2px 0 rgba(223,223,223,.3) inset,0 0 1px rgba(0,0,0,.1);
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fcfcfc),to(#f4f4f4));
	background-image:linear-gradient(#fcfcfc,#f4f4f4);
	background-image:-moz-linear-gradient(#fcfcfc,#f4f4f4);
	background-image:-webkit-linear-gradient(#fcfcfc,#f4f4f4);
	border-color:#ccc
}

.island>section{
	border-bottom:1px solid #C9DDF2;
	border-top:1px solid transparent;
	margin:0 -14px;
	padding:14px;
	float:left;
	width:100%
}

.island>section:first-child{
	border-top:0;
	padding-top:0
}

.island>section:last-child{
	border-bottom:0
}

.secondary+.primary .island{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%
}

.secondary+.primary .island.hero{
	width:750px
}

header+.island{
	margin-top:1em
}

#standalone{
	float:none;
	margin:6em auto 0;
	width:500px
}

.primary{
	margin-left:210px;
	position:relative
}

.primary .primary{
	margin-right:210px;
	margin-left:0
}

.primary .secondary{
	float:right
}

.primary .island.hero{
	width:720px;
	position:relative
}

.html-rtl.gutter .primary{
	margin-left:210px;
	margin-right:0
}

.html-rtl.gutter .primary.full{
	margin-left:0
}

.full{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:none;
	margin:auto 0!important;
	width:100%
}

.secondary{
	float:left;
	width:180px
}

.html-rtl .primary,.gutter .primary{
	margin-left:0;
	margin-right:210px
}

.html-rtl .primary.full,.gutter .primary.full{
	margin-right:0
}

.html-rtl .primary .primary,.gutter .primary .primary{
	margin-right:0;
	margin-left:210px
}

.html-rtl .primary .secondary,.gutter .primary .secondary{
	float:left
}

.html-rtl .secondary,.gutter .secondary{
	float:right
}

.html-rtl.gutter .secondary{
	float:left
}

.gutter .island{
	float:none
}

.secondary ul,.secondary ol,.secondary section{
	color:#666;
	font-size:12px;
	line-height:16px;
	margin-bottom:28px
}

.secondary ul ul{
	margin-bottom:0
}

.secondary ul ul li{
	border-top:0
}

.secondary ul ul li a{
	padding-left:1em
}

.secondary li{
	border:1px solid rgba(0,0,0,.19999999999999996);
	border-width:0 0 1px;
	position:relative
}

.secondary li:first-child{
	border-top-width:1px
}

.secondary li a{
	color:#3363a2
}

.secondary li a.selected{
	color:#333;
	font-weight:700
}

.secondary li a.selected,.secondary li a:hover{
	background:#ECF5FE
}

.secondary nav li a{
	text-overflow:ellipsis;
	overflow:hidden;
	padding-right:12px;
	white-space:nowrap
}

.secondary nav li a:after{
	content:'\203a';
	position:absolute;
	right:6px;
	top:4px;
	font-family:Georgia;
	font-weight:400;
	font-size:18px;
	color:#dadada;
	color:rgba(0,0,0,.125)
}

.secondary nav li a:hover:after,.secondary nav li a:focus:after,.secondary nav li a.selected:after{
	color:inherit
}

.secondary h2{
	font-size:14px;
	line-height:16px
}

.secondary h2 a{
	color:inherit
}

.secondary li a,.secondary h2{
	display:block;
	padding:6px;
	text-decoration:none
}

.secondary p{
	padding:0 6px
}

.secondary section>h3{
	border-bottom:1px solid rgba(0,0,0,.19999999999999996);
	color:#484848;
	font-size:12px;
	font-weight:700;
	line-height:14px;
	margin-bottom:8px;
	padding:0 6px 8px;
	text-transform:uppercase
}

.secondary p{
	margin-bottom:8px
}

.secondary p.note{
	color:#666;
	line-height:1.2em;
	padding:10px 0 0
}

.secondary section section{
	margin:0
}

.html-rtl .secondary nav li a{
	padding-left:12px
}

.html-rtl .secondary nav li a:after{
	position:absolute;
	right:auto;
	left:6px
}

.s-featured #side-nav .s-featured a,.s-followers #side-nav .s-followers a,.s-users #side-nav .s-users a,.s-downloads #side-nav .s-downloads a,.s-rating #side-nav .s-rating a,.s-created #side-nav .s-created a,.s-free #side-nav .s-free a,.s-paid #side-nav .s-paid a,#side-nav .selected{
	background:#ecf5fe;
	color:#333;
	font-weight:700
}

.s-featured #side-nav .s-featured a:after,.s-users #side-nav .s-users a:after,.s-followers #side-nav .s-followers a:after,.s-downloads #side-nav .s-downloads a:after,.s-rating #side-nav .s-rating a:after,.s-created #side-nav .s-created a:after,.s-free #side-nav .s-free a:after,.s-paid #side-nav .s-paid a:after,#side-nav .selected a:after{
	color:inherit
}

.cols{
	width:100%;
	width:-moz-calc(100% - -1em);
	width:-webkit-calc(100% - -1em);
	width:calc(100% - -1em);
	overflow:auto
}

.cols div.col-2,.cols div.col-3{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	padding-right:1em
}

.cols div.col{
	width:1em
}

.cols div.col-2{
	width:50%
}

.cols div.col-3{
	width:33.33%
}

.equal{
	display:table;
	width:100%;
	border-spacing:.5em;
	border-collapse:separate
}

.equal .cols{
	display:table-row
}

.equal .cols div.col,.equal .cols div.col-2,.equal .cols div.col-3{
	float:none;
	display:table-cell
}

.html-rtl .cols div.col-2,.html-rtl .cols div.col-3{
	padding-right:0;
	padding-left:1em
}

#breadcrumbs{
	font-family:Georgia,serif;
	color:#666
}

#breadcrumbs li{
	display:inline
}

#breadcrumbs li:before{
	content:'\00bb';
	font-size:1.3em;
	font-weight:700
}

#breadcrumbs li a.home{
	background:url(https://static.addons.mozilla.net/static/img/impala/breadcrumb-home.png?f3b8d00I) no-repeat;
	display:block;
	float:left;
	height:13px;
	overflow:hidden;
	text-indent:-9999px;
	text-decoration:none;
	width:15px;
	margin:2px 2px 0 0
}

#breadcrumbs li a.home:hover{
	opacity:.7
}

#breadcrumbs li:first-child:before{
	content:none
}

ol#breadcrumbs li:before{
	padding-right:3px
}

#breadcrumbs,#breadcrumbs+h1{
	margin-bottom:15px
}

.island #breadcrumbs,.island #breadcrumbs+h1{
	margin-bottom:5px
}

.js-hidden,#popup-staging,.hidden{
	display:none
}

nav.further-navigation{
	clear:right;
	display:block;
	margin-top:1em;
	padding-top:.5em
}

a.more-info{
	float:right;
	font-size:12px;
	color:#447bc4
}

a.more-info:after{
	content:' \00bb'
}

.html-rtl nav.further-navigation{
	clear:left
}

.html-rtl a.more-info{
	float:left
}

.html-rtl #breadcrumbs a.home{
	float:right;
	margin:2px 0 0 2px
}

#more-webpage{
	background:url(https://static.addons.mozilla.net:443/static/img/impala/loading-more.gif) no-repeat center;
	height:32px;
	width:750px;
	margin-bottom:15px
}

@font-face{
	font-family:MetaBlack;
	src:url(MetaWebPro-Black.woff) format('woff');
	font-weight:700;
	font-style:normal
}

body{
	font-family:"Helvetica Neue",Arial,sans-serif;
	font-style:normal;
	font-size:13px
}

section+h1{
	margin:15px 0
}

h1{
	font:italic 24px Georgia,serif;
	color:#c63717;
	margin-bottom:16px
}

h2{
	font:italic 18px Georgia,serif;
	color:#333
}

hgroup h2{
	color:#666
}

hgroup b{
	font-weight:700
}

h4{
	font-size:14px
}

blockquote{
	margin:2em 1em;
	font-family:"Helvetica Neue",Arial,sans-serif
}

h5{
	font-weight:700
}

h5 span{
	font-size:.857em;
	font-weight:400;
	white-space:nowrap
}

pre,code,kbd,tt,samp,tt{
	font-family:"andale mono",monospace
}

pre{
	line-height:1.4;
	white-space:pre-wrap
}

.primary p,.modal p,.primary ul,.modal ul,.primary ol,.modal ol{
	line-height:1.3em
}

.primary p,.modal p{
	margin-top:1em
}

.primary>p:first-child,.modal>p:first-child{
	margin:0
}

.primary ul.indent,.modal ul.indent{
	list-style:disc inside;
	margin-left:1em;
	margin-top:1em
}

.primary em,.modal em{
	font-style:italic
}

.gutter .secondary h3{
	font-style:italic
}

.defaultlink{
	font:400 12px "Helvetica Neue",Arial,sans-serif;
	text-transform:none;
	margin-left:.5em
}

.addon-details .primary,.addon-details .secondary{
	font-family:Georgia,serif
}

.island h2,.modal h2,.popup h2{
	margin-bottom:.5em
}

.island h2 .seeall,.modal h2 .seeall,.popup h2 .seeall{
	font:400 12px "Helvetica Neue",Arial,sans-serif;
	text-transform:none;
	margin-left:.5em
}

.island.hero h1,.modal.hero h1,.popup.hero h1{
	margin-bottom:5px
}

.island.hero hgroup h3,.modal.hero hgroup h3,.popup.hero hgroup h3{
	color:#666;
	font-size:14px
}

.island.hero hgroup b,.modal.hero hgroup b,.popup.hero hgroup b{
	font-weight:700
}

.island.hero header+.item,.modal.hero header+.item,.popup.hero header+.item{
	border-top:1px dotted #c9ddf2;
	margin-top:1em
}

.primary>.seeall{
	text-align:center;
	clear:both;
	font-size:14px;
	line-height:22px
}

.secondary h2{
	font-family:"Helvetica Neue",Arial,sans-serif;
	font-style:normal;
	font-weight:700;
	text-transform:uppercase;
	color:#333
}

.secondary h2 .seeall{
	font:400 12px "Helvetica Neue",Arial,sans-serif;
	text-transform:none;
	margin-left:.5em
}

.secondary h3{
	font-family:"Helvetica Neue",Arial,sans-serif;
	color:#333
}

.error{
	color:#c63717
}

caption{
	display:none
}

th{
	text-align:left
}

.html-rtl th{
	text-align:right
}

#header:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}

#header{
	background:#33589f;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2a4187),color-stop(1,#3b69b1));
	background:-moz-linear-gradient(center bottom,#2a4187 0,#3b69b1 100%);
	background:linear-gradient(center bottom,#2a4187 0,#3b69b1 100%);
	height:57px;
	margin:0 auto;
	margin-top:10px;
	font-family:verdana;
	-moz-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -4px rgba(0,0,0,.1);
	-webkit-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -4px rgba(0,0,0,.1);
	box-shadow:0 3px rgba(0,0,0,.1),inset 0 -4px rgba(0,0,0,.1);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B69B1', endColorstr='#2D488D', GradientType=0)
}

#header h1{
	margin:0;
	float:left;
	font-family:MetaBold
}

#header h1 a,#header h1 a:link,#header h1 a:visited{
	background:url(../global/header-logos.png?5ff18dd) 15px 0 no-repeat;
	display:block;
	height:57px;
	width:110px;
	text-indent:-9999px;
	overflow:hidden;
	-moz-transition:background .2s ease-in-out
}

#header h1 a:hover,#header h1 a:active{
	background:-moz-radial-gradient(center 45deg,ellipse closest-side,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%),url(../global/header-logos.png?5ff18dd) 15px 0 no-repeat;
	-moz-transition:background .2s ease-in-out
}

#nav-main{
	display:inline-block;
	text-align:left
}

#nav-main,#nav-main ul,#nav-main li{
	list-style:none
}

#nav-main ul{
	float:left;
	z-index:99;
	left:auto;
	margin:0;
	padding:0
}

#nav-main li{
	float:left;
	background:0;
	margin:0;
	padding:0;
	position:relative
}

#nav-main a,#nav-main span{
	display:block;
	color:#fff;
	font-weight:700;
	font-size:13px;
	line-height:20px
}

#nav-main ul{
	font-family:"Trebuchet MS",MetaBlack,sans-serif
}

#nav-main ul ul{
	font-family:"Trebuchet MS",sans-serif
}

#nav-main ul{
	border-right:1px solid #5373b0;
	border-left:1px solid #2f508c
}

#nav-main ul{
	border-right-color:rgba(255,255,255,.15);
	border-right-color:rgba(255,255,255,.15);
	border-left-color:rgba(0,0,0,.2)
}

#nav-main ul li a,#nav-main ul li span{
	padding:18px 15px 0;
	height:39px;
	display:block;
	float:left;
	text-transform:uppercase;
	border-left:1px solid #5373b0;
	border-right:1px solid #2f508c
}

#nav-main ul li a{
	border-left-color:rgba(255,255,255,.15);
	border-right-color:rgba(0,0,0,.2)
}

#nav-main li ul{
	position:absolute;
	left:-999em;
	opacity:0
}

.no-js #nav-main li:hover ul,#nav-main li.sfhover ul{
	margin-top:57px;
	left:0;
	opacity:1;
	-moz-transition:opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out
}

#nav-main ul li ul li{
	float:none
}

#nav-main ul li a,#nav-main ul li a:link,#nav-main ul li a:visited{
	color:#fff;
	text-decoration:none;
	-moz-transition:background .2s linear;
	-webkit-transition:background .2s linear
}

#nav-main ul li.current a,#nav-main ul li.current a:link #nav-main ul li.current a:visited{
	-webkit-transition:none
}

.moz-header-slim #nav-main ul li.current>a,.moz-header-slim #nav-main ul li.current>a,#nav-main ul li a:hover,#nav-main ul li a:active{
	color:#fff;
	background:#263c7b;
	background:rgba(38,60,123,.9);
	-moz-transition:background .1s ease-in;
	-webkit-transition:background .1s ease-in
}

#nav-main ul li.current span,#nav-main ul li.current a,#nav-main ul li.current a:link,#nav-main ul li.current a:visited{
	height:35px
}

#nav-main ul li li.current span,#nav-main ul li li.current a,#nav-main ul li li.current a:link,#nav-main ul li li.current a:visited,#nav-main ul li.current li a,#nav-main ul li.current li a:link,#nav-main ul li.current li a:visited{
	height:auto;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none
}

#nav-main ul li.current a:hover,#nav-main ul li.current a:active{
	-moz-box-shadow:inset 0 -5px rgba(102,155,225,.8);
	-webkit-box-shadow:inset 0 -5px rgba(102,155,225,.8);
	box-shadow:inset 0 -5px rgba(102,155,225,.8)
}

#nav-main ul li.current{
	border-bottom:4px solid #5784bf;
	-moz-box-shadow:inset 0 -5px #669be1;
	-webkit-box-shadow:inset 0 -5px #669be1;
	box-shadow:inset 0 -5px #669be1
}

#nav-main ul ul li.current{
	border-bottom:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none
}

#nav-main ul ul,#nav-main ul ul li{
	height:auto;
	border:0
}

#nav-main ul ul{
	border-top:0;
	padding:0 0 4px;
	width:190px;
	background:#263c7b;
	background:rgba(38,60,123,.9);
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	-moz-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -4px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.2);
	-webkit-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -4px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.2);
	box-shadow:0 3px rgba(0,0,0,.1),inset 0 -4px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.2);
	text-shadow:1px 1px 0 #1b3b6a,0 0 5px #1b3b6a
}

#nav-main ul li ul li a,#nav-main ul li ul li a:link,#nav-main ul li ul li a:visited,#nav-main ul li ul li span{
	padding:5px 15px;
	margin:0;
	height:auto;
	float:none;
	display:block;
	font-size:11px;
	font-weight:400;
	border:0;
	background-image:none;
	position:relative;
	text-transform:none;
	-moz-transition:background .1s ease-in;
	-webkit-transition:background .1s ease-in
}

#nav-main ul li ul li a:hover,#nav-main ul li ul li a:active{
	background:#263c7b;
	background:rgba(38,60,123,.9);
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #496288;
	border-top:1px solid #162f55;
	-moz-transition:background .1s ease-out;
	-webkit-transition:background .1s ease-out
}

#header a.mozilla{
	color:#a0c8da;
	font-family:georgia,serif;
	font-weight:400;
	font-style:italic;
	float:right;
	display:block;
	text-align:center;
	padding-top:20px;
	height:37px;
	font-size:14px;
	width:133px
}

#header a.mozilla span{
	color:#fff
}

#header a.mozilla:hover,#header a.mozilla:active{
	text-decoration:none;
	background:-moz-radial-gradient(center 45deg,ellipse closest-side,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
	-moz-transition:opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out
}

#nav-access{
	display:none
}

.moz-header-slim #header{
	height:40px;
	-moz-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -2px rgba(0,0,0,.1);
	-webkit-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -2px rgba(0,0,0,.1);
	box-shadow:0 3px rgba(0,0,0,.1),inset 0 -2px rgba(0,0,0,.1)
}

.moz-header-slim #header h1 a,.moz-header-slim #header h1 a:link,.moz-header-slim #header h1 a:visited{
	height:40px;
	width:95px;
	background:url(../global/wordmark-slim.png?71db942) 15px 4px no-repeat
}

.moz-header-slim #header h1 a:hover,.moz-header-slim #header h1 a:active{
	background:-moz-radial-gradient(center 45deg,ellipse closest-side,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%),url(../global/wordmark-slim.png?71db942) 15px 4px no-repeat
}

.moz-header-slim #nav-main ul li.current>a,.moz-header-slim #nav-main ul li.current>span,.moz-header-slim #nav-main ul li a,.moz-header-slim #nav-main ul li span{
	padding:10px 15px 0;
	height:30px;
	font-size:12px
}

.moz-header-slim #nav-main li:hover ul,.moz-header-slim #nav-main li.sfhover ul{
	margin-top:40px
}

.moz-header-slim #nav-main ul li.current,.moz-header-slim #nav-main ul li.current>a:hover{
	border-bottom:0;
	-moz-box-shadow:none
}

.moz-header-slim #header a.mozilla{
	font-size:16px;
	height:40px;
	line-height:35px;
	margin-right:15px;
	text-align:right;
	width:auto;
	padding-top:0
}

#minimal-header a.mozilla{
	-moz-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -2px rgba(0,0,0,.1);
	-webkit-box-shadow:0 3px rgba(0,0,0,.1),inset 0 -2px rgba(0,0,0,.1);
	box-shadow:0 3px rgba(0,0,0,.1),inset 0 -2px rgba(0,0,0,.1);
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	color:#a0c8da;
	border-radius:0 0 6px 6px;
	margin:0 0 0 16px;
	float:right;
	padding:5px 14px;
	line-height:19px;
	font-family:georgia,serif;
	font-size:15px;
	font-style:italic;
	position:relative;
	top:-6px
}

.html-rtl #minimal-header a.mozilla{
	float:left;
	margin:0 16px 0 0
}

#minimal-header a.mozilla span{
	color:#fff
}

#footer{
	background:#33559b url(../global/background.png?46b85ba) 0 0 repeat-x;
	clear:both;
	color:#476FBE;
	display:block;
	font-family:Georgia,serif;
	min-width:978px;
	padding:115px 0 5px
}

#footer-logo a,#footer-logo a:link,#footer-logo a:visited{
	background:url(../global/header-logos.png?5ff18dd) no-repeat scroll 15px 0 transparent;
	display:block;
	height:57px;
	width:110px;
	text-indent:-200px;
	overflow:hidden;
	-moz-transition:background .2s ease-in-out
}

#footer-logo a:hover,#footer-logo a:active{
	background:-moz-radial-gradient(center 45deg,ellipse closest-side,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%),url(../global/header-logos.png?5ff18dd) 15px 0 no-repeat;
	-moz-transition:background .2s ease-in-out
}

#footer a:link,#footer a:visited{
	color:#669BE1;
	text-decoration:none
}

#footer a:hover,#footer a:active{
	color:#fff;
	text-decoration:underline
}

#footer-contents{
	margin:auto;
	text-align:left;
	width:980px
}

#footer-contents[dir=rtl]{
	text-align:right
}

#footer-logo{
	display:inline;
	float:left;
	margin:0 50px 0 10px
}

#footer-logo a,#footer-logo a:link,#footer-logo a:visited{
	font-size:28px;
	padding:0
}

#footer-menu,#footer-menu ul{
	left:auto;
	list-style:none;
	margin:0;
	padding:0
}

#footer-menu li{
	background:0;
	display:inline;
	float:left;
	font-weight:700;
	list-style-type:none;
	margin:15px 10px 0 0;
	padding:0;
	position:relative;
	width:115px
}

#footer-menu li a,#footer-menu li a:link,#footer-menu li a:visited,#footer #lang_form label{
	color:#fff;
	font-family:MetaBlack,"Trebuchet MS",sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase
}

#footer li li a:link,#footer li li a:visited{
	color:#669BE1;
	font-family:Georgia,serif;
	font-size:13px;
	font-weight:400;
	text-transform:none
}

#footer li li a:hover,#footer li li a:active{
	color:#fff
}

#footer-menu ul li ul{
	margin:4px 0 15px
}

#footer-menu li.last{
	margin-right:0
}

#footer-menu ul ul li{
	display:block;
	float:none;
	font-weight:400;
	margin:0;
	padding:0 0 .3em;
	width:auto
}

#footer #footer-right{
	float:right;
	width:180px
}

#footer #lang_form{
	margin:0 0 15px 27px
}

#footer #lang_form label{
	display:block;
	margin:10px 0 4px
}

#footer #lang_form select{
	font-family:sans-serif;
	font-size:11px;
	width:140px
}

#footer #lang_form div{
	display:inline
}

#footer #copyright{
	clear:both
}

#footer #copyright p{
	font-size:85%;
	margin-bottom:.5em
}

#footer #copyright a:hover,#footer #copyright a:active{
	text-decoration:underline
}

#footer #footer-links{
	font-size:85%
}

header form{
	margin-bottom:1em
}

input[type=text],input[type=color],input[type=password],select,textarea{
	border:1px solid #5875A0;
	color:#666;
	font-family:inherit;
	line-height:1.3;
	padding:2px 5px
}

input:-moz-placeholder{
	color:#aaa
}

select{
	padding:0
}

label{
	cursor:pointer;
	font-weight:700
}

.req,.errorlist,.error{
	color:#c00000!important
}

p.req{
	font-size:11px;
	margin:0 0 1em
}

form div[style]:first-child+p{
	margin-top:0
}

.optional{
	color:#999;
	font-size:11px;
	font-weight:400
}

textarea{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	width:100%
}

.edit_with_prefix span,.edit-with-suffix span{
	border:1px solid #5875A0;
	background:#eee;
	color:#888
}

.edit_with_prefix input:focus,.edit-with-suffix input:focus{
	outline:0
}

.edit_with_prefix span{
	border-right:0 none;
	padding:2px 2px 2px 5px
}

.edit_with_prefix input{
	border-left:0 none
}

.edit_with_suffix span{
	border-left:0 none;
	padding:2px 5px 2px 2px
}

.edit_with_suffix input{
	border-right:0 none
}

.edit_initially_hidden{
	display:none
}

.notification-box{
	border-radius:5px;
	box-shadow:0 -1px 0 #ddd inset,0 1px 0 rgba(0,0,0,.05);
	-moz-box-shadow:0 -1px 0 #ddd inset,0 1px 0 rgba(0,0,0,.05);
	-webkit-box-shadow:0 -1px 0 #ddd inset,0 1px 0 rgba(0,0,0,.05);
	border:1px solid #CCD6E3;
	padding:14px;
	background:#E3EDFA;
	margin-bottom:1em
}

.notification-box p{
	margin-top:.5em
}

.notification-box b{
	color:#333
}

.notification-box h2{
	color:#458;
	font-size:1.3em;
	font-style:normal;
	font-weight:700;
	line-height:1em;
	margin:0
}

.notification-box.error{
	background:#FEE3E5;
	border-color:#E0C9D6
}

.notification-box.error h2{
	color:#B14949
}

.notification-box.warning{
	background:#fd9;
	border:1px solid #640
}

.prettyform h1+form{
	border-top:1px dotted #c9ddf2;
	padding-top:1em
}

.prettyform .char-count{
	float:left
}

.prettyform .char-count b{
	color:#333
}

.prettyform .char-count.error b{
	color:#8d0000
}

.prettyform .note,.prettyform .html-support{
	color:#666;
	font-size:11px;
	line-height:1.4
}

.prettyform .html-support{
	margin:0;
	padding:0;
	float:right
}

.prettyform .html-support span{
	border-bottom:1px dotted #bbb;
	cursor:help
}

.prettyform ul{
	font-size:13px
}

.prettyform ul.note li{
	display:inline-block
}

.prettyform ul.note li:before{
	content:"\b7";
	padding-right:3px
}

.prettyform ul.note li:first-child:before{
	content:"";
	padding:0
}

.prettyform ul.errorlist{
	font-size:12px
}

.prettyform label{
	color:#555;
	font-weight:400
}

.prettyform fieldset{
	margin:0 0 1em;
	padding:1em
}

.prettyform fieldset.prose h2,.prettyform fieldset.prose h3{
	margin-top:.5em
}

.prettyform fieldset legend{
	color:#879DCD;
	display:block;
	font-size:25px;
	padding:10px 0;
	width:100%;
	border-bottom:1px dotted #C9DDF2;
	margin-bottom:1em
}

.prettyform fieldset .sub_legend{
	color:#888;
	float:right;
	font-size:12px;
	text-align:right;
	width:225px
}

.prettyform .row{
	margin:0 0 15px
}

.prettyform .row.c{
	float:left
}

.prettyform h3,.prettyform .row>label{
	color:#333;
	display:block;
	font-size:14px;
	font-weight:700;
	line-height:1.3;
	margin-bottom:5px
}

.prettyform input[type=checkbox],.prettyform input[type=radio]{
	margin-left:0
}

.prettyform input[type=text],.prettyform input[type=color],.prettyform input[type=password],.prettyform select,.prettyform textarea{
	border:1px solid #B2C8E0;
	border-radius:3px;
	box-shadow:2px 2px #eff6fe inset;
	-moz-box-shadow:2px 2px #eff6fe inset;
	-webkit-box-shadow:2px 2px #eff6fe inset;
	color:#5B738E;
	font-size:1em;
	padding:4px 7px;
	display:inline-block;
	vertical-align:middle
}

.prettyform input[type=text]:focus,.prettyform input[type=color]:focus,.prettyform input[type=password]:focus,.prettyform select:focus,.prettyform textarea:focus{
	color:#394D63;
	border-color:#809CBA
}

.prettyform input[type=text]{
	width:200px
}

.prettyform input[type=color]{
	width:80px
}

.prettyform textarea{
	width:400px;
	vertical-align:text-top
}

.prettyform footer button{
	float:right
}

.prettyform p{
	margin-bottom:1em
}

.prettyform p button{
	margin-right:1em
}

.prettyform p:first-child{
	margin-top:0
}

.prettyform .error input[type=text],.prettyform .error input[type=color],.prettyform .error input[type=password],.prettyform .error select,.prettyform .error textarea{
	border-color:#c00
}

.prettyform .errorlist{
	color:#c00000;
	margin-top:2px
}

.prettyform fieldset>.errorlist{
	margin-bottom:1em
}

.prettyform.grid li a.delete{
	margin-left:1em
}

.prettyform.grid li label{
	color:#555;
	display:inline-block;
	font-weight:400;
	padding:0 1em 1em 0;
	width:120px;
	text-align:right
}

.prettyform.grid li label.check{
	width:auto;
	text-align:left;
	color:#777
}

.prettyform.grid li label.check:hover{
	color:#555
}

.prettyform.grid .errorlist{
	color:#C63717;
	margin-bottom:13px;
	margin-left:137px;
	margin-top:5px
}

.prettyform.grid .formfields{
	float:left;
	max-width:430px
}

.prettyform.grid .formfields p:first-child{
	margin-top:0
}

.prettyform.grid sup{
	bottom:4px;
	font-size:.7em;
	position:relative
}

.prettyform.grid sup.msg{
	color:#c63717;
	padding:0 4px
}

.prettyform.grid legend+p{
	margin:0 0 1em
}

.prettyform .checkboxes,.prettyform .radios{
	display:block;
	margin-bottom:1em
}

.prettyform .checkboxes ul,.prettyform .radios ul{
	margin-top:10px
}

.prettyform .checkboxes li,.prettyform .radios li{
	margin-bottom:5px
}

.prettyform .checkboxes li label,.prettyform .radios li label{
	padding:0 0 4px 1px;
	width:auto;
	text-align:left
}

.prettyform .checkboxes li label input,.prettyform .radios li label input{
	margin:0 8px 0 0
}

.prettyform .noncc.disabled{
	opacity:.25;
	pointer-events:none
}

.prettyform .footer-submit{
	border-top:1px dotted #C9DDF2;
	display:block;
	margin:0;
	padding-top:1.5em;
	text-align:right;
	width:100%
}

.prettyform .footer-submit button{
	margin-right:0;
	margin-left:1em
}

.prettyform a.delete{
	color:#c00000
}

.prettyform form:only-child fieldset{
	margin-bottom:0
}

.html-rtl .prettyform .row.c{
	float:right
}

.html-rtl .prettyform .char-count{
	float:right
}

.html-rtl .prettyform .html-support{
	float:left
}

.html-rtl .prettyform ul.note li:before{
	padding:0 0 0 3px
}

.html-rtl .prettyform ul.note li:first-child:before{
	padding:0
}

.html-rtl .prettyform p button{
	margin:0 0 0 1em
}

input.loading-submit:after,button.loading-submit:after{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/loading-white.gif?005dbc7);
	content:"";
	display:block;
	height:16px;
	margin-left:10px;
	position:absolute;
	right:-10px;
	top:0;
	width:16px
}

.browserid-login.loading-submit:after{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/loading-white.gif?005dbc7);
	content:"";
	display:block;
	height:16px;
	margin-left:10px;
	position:absolute;
	right:-24px;
	top:5px;
	width:16px
}

.url-prefix{
	color:#999;
	display:inline-block;
	font:11px monospace;
	margin-bottom:10px;
	position:relative;
	top:1px
}

.invisible-upload{
	cursor:pointer;
	display:inline-block;
	overflow:hidden;
	position:relative
}

.invisible-upload input{
	display:block;
	cursor:pointer;
	height:80px;
	opacity:0;
	outline:0;
	position:absolute;
	right:0;
	bottom:0;
	width:auto;
	z-index:0
}

.invisible-upload:hover input{
	font-size:1000px
}

.invisible-upload a.button{
	display:inline-block;
	position:relative
}

.invisible-upload a.link{
	color:#05e;
	text-decoration:none
}

.invisible-upload:hover a.button,.invisible-upload:focus a.button{
	border-color:#25f;
	box-shadow:inset 0 0 2px #fff
}

.invisible-upload:hover a.link,.invisible-upload:focus a.link{
	text-decoration:underline
}

.invisible-upload.legacy input{
	opacity:1;
	position:static
}

.invisible-upload.legacy a.button{
	display:none
}

.amo-header{
	font-family:"Trebuchet MS",sans-serif;
	margin-bottom:25px
}

.amo-header a.loading-submit:before{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/loading-white.gif?005dbc7);
	content:"";
	display:block;
	height:16px;
	left:-20px;
	margin-right:10px;
	margin-top:-8px;
	position:absolute;
	top:50%;
	width:16px
}

#masthead{
	padding-top:45px;
	max-width:600px
}

#masthead h1{
	font:400 40px/40px MetaBlack;
	letter-spacing:-1px;
	text-transform:uppercase;
	margin-bottom:7px
}

#aux-nav{
	float:right
}

.html-rtl #aux-nav{
	float:left
}

.site-title img{
	float:left;
	margin-right:10px
}

.html-rtl .site-title img{
	float:right;
	margin:0 0 0 12px
}

.site-title{
	margin-bottom:7px
}

.site-title a{
	color:#333;
	text-decoration:none
}

.site-title a small{
	color:#333;
	display:block;
	font-size:.6em;
	line-height:.5em
}

.site-title a:hover,.site-title a:focus{
	color:#043b84;
	text-shadow:0 0 40px #fff,0 0 20px #fff,0 0 10px #fff
}

.site-title.prominent a,.site-title strong{
	color:#D64203
}

.site-title.prominent a:hover,.site-title strong:hover{
	text-shadow:0 0 #fff
}

.menu-nav{
	font-size:12px;
	margin-left:64px;
	z-index:50
}

.menu-nav.no-img{
	margin-left:0
}

.menu-nav li.slim:hover:after{
	display:none
}

.menu-nav li.slim:hover>a{
	border-radius:3px
}

.menu-nav>ul>li{
	float:left;
	position:relative
}

.menu-nav>ul>li>a{
	position:relative;
	font-weight:700;
	z-index:60;
	border-style:solid;
	border-radius:3px 3px 0 0;
	border-color:transparent;
	border-width:1px 1px 0
}

.menu-nav>ul>li:hover>a{
	background:#fff;
	border-color:#98b2c9 #98b2c9 #fff;
	box-shadow:0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4)
}

.menu-nav>ul>li:hover>ul,.menu-nav>ul>li:hover>div{
	display:block
}

.menu-nav>ul>li:hover:after{
	content:"";
	width:200px;
	z-index:62;
	height:5px;
	background:#fff;
	position:absolute;
	top:18px;
	left:1px
}

.menu-nav>ul>li>ul,.menu-nav>ul>li>div{
	display:none;
	position:absolute;
	z-index:59
}

.menu-nav>ul>li>ul{
	width:190px;
	top:17px;
	z-index:59;
	padding:8px;
	background:#fff;
	border:1px solid #98b2c9;
	border-radius:0 3px 3px;
	box-shadow:0 0 4px rgba(0,0,0,.4),0 -2px 0 rgba(152,178,201,.3) inset;
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4),0 -2px 0 rgba(152,178,201,.3) inset;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4),0 -2px 0 rgba(152,178,201,.3) inset
}

.menu-nav>ul>li>ul a{
	text-decoration:none;
	display:block;
	padding:6px 8px;
	word-wrap:break-word
}

.menu-nav>ul>li>ul a:hover{
	background:#ebf4fe
}

.menu-nav>ul>li>ul.two-col{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-gap:8px;
	-moz-column-gap:8px;
	-webkit-column-gap:8px;
	width:340px
}

.menu-nav>ul em a:hover{
	background:#e1edfb
}

.menu-nav hr{
	border:0;
	margin:6px 8px;
	border-top:1px dotted #ccc
}

.menu-nav em{
	background:#F4F8FC;
	display:block;
	font-weight:700
}

.html-rtl .menu-nav{
	margin-left:0;
	margin-right:64px
}

.html-rtl .menu-nav>ul>li{
	border-left:0!important;
	border-right:1px solid #9FA7AF;
	float:right;
	left:auto;
	right:-9px
}

.html-rtl .menu-nav>ul>li:hover:after{
	left:auto;
	right:1px
}

#site-nav>ul>li{
	border-left:1px solid #9FA7AF;
	left:-9px
}

#site-nav>ul>li:first-child{
	border:0
}

#site-nav>ul>li>a{
	padding:4px 8px;
	line-height:12px;
	text-transform:uppercase
}

#site-nav #themes ul.two-col{
	height:216px;
	padding-bottom:39px
}

#site-nav #themes ul.two-col+div{
	top:250px
}

#site-nav a.complete-themes{
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	color:#666;
	display:block;
	line-height:28px;
	margin:0 1px 1px;
	padding:0 8px;
	text-align:center;
	width:190px
}

#site-nav a.complete-themes b{
	color:#447bc4
}

#site-nav a.complete-themes:hover{
	background-color:#eee;
	color:#333;
	text-decoration:none
}

#site-nav a.complete-themes:hover b{
	color:#3363a2
}

#site-nav .two-col+div a.complete-themes{
	width:340px
}

#aux-nav>ul>li:not(:first-child):before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-1px;
	width:1px;
	height:32px;
	background:-moz-linear-gradient(#9fa7af,transparent);
	background-size:1px 100%
}

#aux-nav>ul>li{
	margin-left:1px
}

#aux-nav>ul>li>a{
	display:block;
	line-height:32px;
	height:32px;
	padding:0 1em;
	border-radius:0
}

#aux-nav>ul>li>a:after{
	display:inline-block;
	vertical-align:middle;
	top:12px;
	left:4px;
	margin:0 0 0 4px;
	content:"\00a0";
	width:0;
	height:0;
	border:4px solid transparent;
	border-style:solid;
	border-top-color:#666
}

#aux-nav>ul>li:hover{
	z-index:63
}

#aux-nav>ul>li:after{
	top:32px
}

#aux-nav>ul>li>ul{
	top:31px
}

#aux-nav>ul>li.nomenu a{
	display:inline-block
}

#aux-nav>ul>li.nomenu a:after{
	display:none
}

#aux-nav>ul>li.nomenu:hover a{
	background:transparent;
	box-shadow:0 0 inset;
	-moz-box-shadow:0 0 inset;
	-webkit-box-shadow:0 0 inset;
	border-color:transparent
}

#aux-nav>ul>li.nomenu:hover:after{
	display:none
}

#aux-nav>ul>li.logout:before,#aux-nav>ul>li.login:before{
	background:0
}

#aux-nav>ul>li.logout a,#aux-nav>ul>li.login a{
	font-weight:400
}

#aux-nav>ul>li.logout.legacy a,#aux-nav>ul>li.login.legacy a{
	padding-left:.5em
}

#aux-nav>ul>li.logout.legacy a:first-child,#aux-nav>ul>li.login.legacy a:first-child{
	padding-right:.5em
}

#aux-nav .other-apps a{
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:left 4px;
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/16/sprite.png?33db7a2)
}

#aux-nav .thunderbird a{
	background-position:left -28px
}

#aux-nav .sunbird a{
	background-position:left -92px
}

#aux-nav .seamonkey a{
	background-position:left -60px
}

#aux-nav .android a{
	background-position:left -124px
}

.html-rtl #aux-nav>ul>li.legacy a{
	padding:0 .5em 0 1em
}

.html-rtl #aux-nav>ul>li.legacy a:first-child{
	padding:0 1em 0 .5em
}

.html-rtl #aux-nav>ul>li>a:after{
	margin:0 4px 0 0;
	right:4px;
	left:auto
}

.header-search{
	position:absolute;
	top:63px;
	right:0;
	background:#1b5898;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#2e89ca),to(#1b5898));
	background-image:linear-gradient(#2e89ca,#1b5898);
	background-image:-moz-linear-gradient(#2e89ca,#1b5898);
	background-image:-webkit-linear-gradient(#2e89ca,#1b5898);
	border-radius:5px;
	box-shadow:0 -2px 0 rgba(0,0,0,.5) inset,0 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 -2px 0 rgba(0,0,0,.5) inset,0 2px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:0 -2px 0 rgba(0,0,0,.5) inset,0 2px 0 rgba(0,0,0,.1);
	padding:5px 7px 7px;
	width:280px
}

.header-search #search-q,.header-search .search-button{
	height:30px
}

.html-rtl .header-search{
	left:0;
	right:auto
}

button.search-button{
	background:#84c63c url(https://static.addons.mozilla.net/static/img/icons/go-arrow.png?ad8fa66) center no-repeat;
	background-image:url(https://static.addons.mozilla.net/static/img/icons/go-arrow.png?ad8fa66),-moz-linear-gradient(#84c63c,#489615);
	background-image:url(https://static.addons.mozilla.net/static/img/icons/go-arrow.png?ad8fa66),-webkit-linear-gradient(#84c63c,#489615);
	border:0;
	float:right;
	cursor:pointer;
	width:36px;
	border-radius:6px;
	box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset;
	-moz-box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset
}

.html-rtl button.search-button{
	float:left;
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1)
}

.header-search input{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url(https://static.addons.mozilla.net/static/img/icons/search.png?eaad389) no-repeat 8px 50% #fff;
	border:0;
	border-radius:4px;
	box-shadow:0 0 2px rgba(0,0,0,.4) inset;
	-moz-box-shadow:0 0 2px rgba(0,0,0,.4) inset;
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.4) inset;
	float:left;
	font:14px "Trebuchet MS",sans-serif;
	padding:6px 6px 6px 32px;
	width:238px;
	width:-moz-calc(100% - 42px);
	width:-webkit-calc(100% - 42px);
	width:calc(100% - 42px)
}

.html-rtl .header-search input{
	background-position:96% 50%;
	float:right;
	padding:6px 32px 6px 6px
}

.site-tip,.site-balloon{
	border:2px solid #e3873b;
	border-radius:10px;
	display:none;
	font:14px/16px Arial,sans-serif;
	position:relative;
	margin-top:22px
}

.site-tip h3,.site-balloon h3,.site-tip p,.site-balloon p{
	display:inline
}

.site-tip p a,.site-balloon p a{
	font-weight:700
}

.site-tip{
	background-color:rgba(255,255,255,.5);
	border-color:#c9ddf2;
	color:#666;
	padding:10px 45px 10px 15px
}

.site-balloon{
	background-color:#fcefb7;
	color:#333;
	padding:15px 45px 15px 15px
}

.site-balloon h3,.site-balloon strong{
	font-weight:700
}

.site-balloon:before,.site-balloon:after{
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	border-left:18px solid #E3873B;
	border-top:18px solid transparent
}

.site-balloon:before{
	left:34px;
	top:-18px
}

.site-balloon:after{
	left:36px;
	top:-13px;
	border-left-color:#FCEFB7
}

.site-balloon p a{
	color:#c40000
}

#site-notice{
	display:block
}

.site-balloon .close,.site-tip .close,#lightbox .close,.is-impala .modal .close{
	position:absolute;
	overflow:hidden;
	right:1em;
	top:1em;
	width:25px;
	height:25px;
	margin:0;
	border-radius:4px;
	background:url(https://static.addons.mozilla.net/static/img/impala/banner-close.png?b330fed) no-repeat 0 0;
	text-indent:-1000em;
	cursor:pointer
}

.site-balloon .close:hover,.site-tip .close:hover,#lightbox .close:hover,.is-impala .modal .close:hover{
	background-color:#c40000;
	background-position:-25px 0
}

.site-balloon .cancel,.site-tip .cancel,#lightbox .cancel,.is-impala .modal .cancel{
	position:static;
	background:0;
	text-indent:0
}

.site-balloon .cancel:hover,.site-tip .cancel:hover,#lightbox .cancel:hover,.is-impala .modal .cancel:hover{
	background-color:transparent
}

.site-balloon .close,.site-tip .close{
	margin:auto;
	top:0;
	bottom:0
}

.html-rtl .site-balloon,.html-rtl .site-tip,.html-rtl #lightbox,.html-rtl.is-impala .modal{
	padding:15px 15px 15px 45px
}

.html-rtl .site-balloon:before,.html-rtl .site-tip:before,.html-rtl #lightbox:before,.html-rtl.is-impala .modal:before,.html-rtl .site-balloon:after,.html-rtl .site-tip:after,.html-rtl #lightbox:after,.html-rtl.is-impala .modal:after{
	border-color:transparent;
	border-right:18px solid #E3873B;
	border-top:18px solid transparent;
	left:auto
}

.html-rtl .site-balloon:before,.html-rtl .site-tip:before,.html-rtl #lightbox:before,.html-rtl.is-impala .modal:before{
	right:34px;
	top:-18px
}

.html-rtl .site-balloon:after,.html-rtl .site-tip:after,.html-rtl #lightbox:after,.html-rtl.is-impala .modal:after{
	right:36px;
	top:-13px;
	border-right-color:#FCEFB7
}

.html-rtl .site-balloon .close,.html-rtl .site-tip .close,.html-rtl #lightbox .close,.html-rtl.is-impala .modal .close{
	right:auto;
	left:15px
}

.firstvisit #site-welcome{
	display:block
}

#mobile-banner{
	font-size:1.3em
}

.badbrowser #site-welcome,.badbrowser #mobile-banner{
	display:none!important
}

.developer-hub .site-balloon,.developer-hub .site-tip{
	display:none!important
}

.sunbird #footer #footer-logo,.seamonkey #footer #footer-logo,.thunderbird #footer #footer-logo,.editor-tools #footer #footer-logo,.developer-hub #footer #footer-logo{
	display:none
}

.sunbird #footer #copyright,.seamonkey #footer #copyright,.thunderbird #footer #copyright,.editor-tools #footer #copyright,.developer-hub #footer #copyright{
	clear:none;
	padding-top:20px
}

#footer{
	background:#33559b url(../images/bg-footer.png) repeat-x;
	line-height:20px;
	padding:123px 0 5px;
	z-index:-1
}

#footer .section{
	max-width:960px;
	margin:0 auto;
	position:relative
}

#footer.sticky{
	position:absolute;
	bottom:0;
	z-index:1;
	width:100%
}

#footer-logo a,#footer-logo a:link,#footer-logo a:visited{
	background:url(https://static.addons.mozilla.net/static/img/impala/footer-logo.png?bffb92b) center center no-repeat;
	width:128px
}

#footer-logo a:hover,#footer-logo a:active{
	background:-moz-radial-gradient(center 45deg,ellipse closest-side,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%),url(//static.addons.mozilla.net/static/img/impala/footer-logo.png?bffb92b) center center no-repeat
}

#footer-contents[dir=rtl]{
	text-align:right
}

#copyright{
	margin:0 17px
}

.footerlogo{
	position:absolute;
	right:0;
	top:-64px
}

.html-rtl .footerlogo{
	right:auto;
	left:0
}

.developer-hub .footerlogo{
	right:-10px;
	top:-70px
}

.html-rtl.developer-hub .footerlogo{
	right:auto;
	left:-10px
}

#footer .section{
	min-height:0;
	padding-bottom:20px
}

#footer-content{
	margin-top:10px
}

#footer-logo{
	margin-left:0;
	margin-right:25px;
	width:128px
}

#footer-menu{
	display:table;
	margin:0 17px;
	width:70%
}

#footer-menu ul{
	display:table-row
}

#footer-menu li{
	display:table-cell;
	width:5%;
	padding:11px 16px 0 0;
	float:none
}

#footer-menu>ul>li:first-child{
	width:3%
}

.footer-devhub-link{
	width:25%
}

#social-footer{
	height:68px;
	margin-bottom:4px;
	display:table;
	font-size:18px;
	font-style:italic;
	width:80%;
	color:#fff
}

#social-footer a:after{
	content:' \00bb'
}

#social-footer a:link,#social-footer a:visited{
	color:#fff
}

#social-footer ul{
	display:table-row
}

#social-footer ul li{
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

#social-footer ul li:first-child{
	line-height:1.2em;
	font-size:17px;
	width:128px
}

#social-footer ul li b{
	display:block;
	font-family:MetaBlack;
	font-style:normal;
	font-size:22px;
	text-transform:uppercase
}

#footer.footer-condensed{
	min-height:106px
}

#footer.footer-condensed .footer-wrap{
	background:url(../images/bg-footer.png?fd57a74) 0 -192px repeat-x
}

#footer.footer-condensed .section{
	padding:25px 0 15px
}

#footer.footer-condensed #copyright{
	padding:0
}

#global-header-tab a{
	display:block;
	float:right
}

.html-rtl #global-header-tab a{
	float:left;
	margin:0 16px 0 0
}

#global-header-tab a{
	color:#fff
}

.listing-grid li{
	overflow:visible;
	float:left;
	height:66px
}

.listing-grid.personas li{
	height:78px
}

.listing-grid.cols-5 li{
	width:20%
}

.listing-grid.cols-4 li{
	width:25%
}

.listing-grid.cols-3 li{
	width:33.333333333333336%
}

.listing-grid.cols-2 li{
	width:50%
}

.listing-grid.cols-1 li{
	width:100%
}

.listing-grid section{
	display:none;
	position:relative
}

.listing-grid section:first-child{
	display:block
}

.hovercard{
	position:relative;
	border:1px solid transparent;
	z-index:20
}

.hovercard .more,.hovercard .desc{
	font-family:"Helvetica Neue",Arial,sans-serif;
	color:#333;
	font-size:12px;
	z-index:29;
	margin-top:0
}

.hovercard .desc{
	max-height:2.6em;
	overflow:hidden
}

.hovercard .install-shell .eula,.hovercard .install-shell .contrib{
	font-size:12px
}

.hovercard .install-shell .extra+.extra{
	margin:0
}

.hovercard .install-shell .extra .notavail{
	margin:0 0 2px
}

.hovercard h3{
	color:#447bc4;
	font-weight:700;
	margin:0 0 2px;
	font-size:13px;
	line-height:16px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:200px
}

.hovercard .more{
	display:none;
	position:relative;
	padding:0 14px 8px 12px
}

.hovercard .more p:first-child{
	margin-top:0
}

.hovercard a{
	text-decoration:none
}

.hovercard .adu{
	color:#390;
	font-size:11px
}

.hovercard .byline{
	margin-top:8px;
	font-size:11px;
	font-style:italic
}

.hovercard .byline a{
	display:inline;
	color:inherit
}

.hovercard:hover{
	z-index:25;
	background:#fff;
	border-color:#ccc;
	box-shadow:0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4)
}

.hovercard:hover .more{
	background:#fff;
	display:block;
	z-index:28
}

.hovercard:hover h3{
	text-decoration:underline;
	white-space:normal
}

.hovercard.persona{
	overflow:hidden;
	padding:9px;
	height:78px
}

.hovercard.persona a{
	overflow:hidden;
	display:block
}

.hovercard.persona .persona-preview{
	width:200px;
	height:48px;
	float:right;
	overflow:hidden;
	position:relative
}

.hovercard.persona .persona-preview img{
	width:200px;
	height:67px;
	position:absolute;
	right:0;
	top:0
}

.hovercard.persona .more{
	padding:0;
	margin-top:10px
}

.hovercard.persona h3{
	clear:right
}

.hovercard.persona:hover{
	border-radius:5px;
	height:auto
}

.hovercard.addon .more .vitals,.hovercard.theme:hover .more+.vitals{
	border-top:1px dotted #ccc;
	padding:8px 0 0;
	margin:8px 0 4px
}

.hovercard.addon{
	margin:5px 5px 5px 61px
}

.hovercard.addon .summary,.hovercard.addon .icon{
	position:relative;
	padding:8px
}

.hovercard.addon .summary{
	height:55px;
	z-index:21;
	overflow:hidden
}

.hovercard.addon .summary div{
	white-space:nowrap
}

.hovercard.addon .icon{
	position:absolute;
	left:-57px;
	top:-1px;
	padding-right:0;
	height:48px;
	width:48px;
	border-width:1px 0 1px 1px;
	border-style:solid;
	z-index:22;
	border-color:transparent
}

.hovercard.addon .icon img{
	margin:8px;
	max-width:32px;
	max-height:32px;
	border:0;
	padding:0
}

.hovercard.addon:before{
	content:"";
	display:block;
	position:absolute;
	height:66px;
	width:56px;
	top:-1px;
	left:-57px;
	z-index:1
}

.hovercard.addon:hover{
	float:left;
	z-index:25;
	background:#fff;
	border-color:#ccc;
	box-shadow:0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4)
}

.hovercard.addon:hover .summary{
	background:#fff;
	z-index:26;
	height:auto;
	min-height:48px
}

.hovercard.addon:hover .icon{
	background:#fff;
	border-color:#ccc;
	z-index:27
}

.hovercard.addon:hover:before{
	box-shadow:0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4)
}

.hovercard.collection:hover .summary{
	overflow:visible;
	height:auto
}

.hovercard.collection:hover .desc{
	overflow:visible;
	max-height:none
}

.hovercard.collection:hover .more{
	font-size:11px;
	border-top:1px dotted #CCC;
	padding:8px 0;
	margin:0 8px;
	color:#390
}

.hovercard .category,.hovercard .vital{
	color:#666;
	font-size:11px;
	line-height:10px;
	white-space:nowrap
}

.hovercard .summary .vital{
	margin-top:4px;
	font-size:10px;
	line-height:12px
}

.hovercard .vital .price{
	color:#093
}

.hovercard .vital .price.premium{
	color:#d16b00
}

.hovercard .vital .price:before{
	color:#999;
	content:'\00B7'
}

.featured h3,.theme-grid h3{
	font-size:16px;
	line-height:18px
}

.featured li,.theme-grid li{
	height:212px;
	width:240px
}

.featured .hovercard,.theme-grid .hovercard{
	padding:9px;
	margin:0
}

.featured .hovercard.addon:before,.theme-grid .hovercard.addon:before{
	display:none;
	content:none
}

.featured .hovercard.addon .summary,.theme-grid .hovercard.addon .summary{
	height:192px;
	padding:0
}

.featured .hovercard.addon .summary div,.theme-grid .hovercard.addon .summary div{
	width:220px;
	height:170px;
	position:relative
}

.featured .hovercard.addon .summary div img,.theme-grid .hovercard.addon .summary div img{
	padding:8px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	border:1px solid #ccc;
	box-shadow:0 2px 2px rgba(0,0,0,.1);
	position:absolute
}

.featured .hovercard:hover.addon .summary,.theme-grid .hovercard:hover.addon .summary{
	height:auto
}

.featured .hovercard:hover .more,.theme-grid .hovercard:hover .more{
	padding:14px 0 0
}

.theme-grid li{
	height:205px;
	margin-bottom:1em;
	width:180px
}

.theme-grid .incompatible img{
	opacity:.4
}

.theme-grid .incompatible:hover img{
	opacity:1
}

.theme-grid .incompatible:hover>.notavail{
	display:none
}

.theme-grid .incompatible>.notavail{
	color:#999;
	display:block;
	font:10px/10px Arial,sans-serif;
	margin-top:8px
}

.theme-grid .hovercard.addon .summary{
	height:157px
}

.theme-grid .hovercard.addon .summary div{
	height:135px;
	width:160px
}

.theme-grid .hovercard.addon .summary div img{
	max-height:108px;
	max-width:142px
}

.theme-grid .hovercard.addon>.vital{
	font-size:11px;
	margin-top:8px
}

.theme-grid .hovercard.addon>.vital .adu,.theme-grid .hovercard.addon>.vital .updated{
	color:#390
}

.secondary .hovercard.addon,.notice.upsell .hovercard.addon{
	line-height:1.3;
	width:196px;
	position:relative;
	left:-8px;
	border:0;
	margin:0
}

.secondary .hovercard.addon .icon,.notice.upsell .hovercard.addon .icon{
	float:left;
	position:static;
	left:auto;
	right:auto;
	border:0
}

.secondary .hovercard.addon .summary a,.notice.upsell .hovercard.addon .summary a,.secondary .hovercard.addon p,.notice.upsell .hovercard.addon p{
	padding:0
}

.secondary .hovercard.addon .summary a,.notice.upsell .hovercard.addon .summary a{
	display:inline
}

.secondary .hovercard.addon:before,.notice.upsell .hovercard.addon:before{
	content:none
}

.html-rtl .listing-grid li{
	float:right
}

.html-rtl .listing-grid .hovercard.addon{
	margin:5px 61px 5px 5px
}

.html-rtl .listing-grid .hovercard .more{
	padding:0 12px 8px 14px
}

.html-rtl .listing-grid .hovercard .icon{
	left:auto;
	right:-57px;
	padding-left:0;
	padding-right:8px;
	border-width:1px 1px 1px 0
}

.html-rtl .listing-grid .hovercard:before{
	left:auto;
	right:-57px
}

.html-rtl .listing-grid .addon:hover{
	float:right
}

.html-rtl .listing-grid.featured .hovercard.addon,.html-rtl .listing-grid.theme-grid .hovercard.addon{
	margin:0
}

.html-rtl .listing-grid.featured .hovercard.addon:hover .more,.html-rtl .listing-grid.theme-grid .hovercard.addon:hover .more{
	padding:14px 0 0
}

.hovercard .install-shell .d2c-reasons-help{
	display:none
}

#homepage #featured-themes .hovercard .persona-preview img{
	width:auto
}

.toplist li a{
	line-height:1.1em;
	padding:.5em 0;
	overflow:hidden
}

.toplist li a:hover small{
	text-decoration:none
}

.toplist li b{
	float:left;
	color:#888;
	width:2em;
	text-align:center;
	height:2em
}

.toplist small{
	color:#999;
	font-size:.9em;
	display:block
}

.toplist .name{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

.html-rtl .toplist li b{
	float:right
}

.pager{
	font-family:Georgia,serif;
	display:block;
	position:relative;
	top:-4px
}

.pager .prev,.pager .next{
	height:20px;
	width:16px;
	margin:0;
	overflow:hidden;
	text-indent:0;
	font-size:20px;
	border-radius:0;
	background:transparent;
	color:#92b2dc
}

.pager .prev:hover,.pager .next:hover{
	color:#3363a2;
	background:transparent
}

.pager a{
	display:inline-block;
	text-align:center;
	position:relative;
	vertical-align:bottom;
	padding:2px 4px 6px;
	margin-bottom:4px;
	overflow:hidden
}

.pager a b{
	display:block;
	text-indent:-1000em;
	height:8px;
	width:8px;
	border-radius:4px;
	background:#ddd
}

.pager a.selected b{
	background:#447BC4
}

.pager a:hover{
	text-decoration:none
}

.pager a:hover b{
	background:#888
}

.island .pager{
	float:right
}

.html-rtl .island .pager{
	float:left
}

.pages{
	position:relative;
	height:271px;
	top:0;
	left:0;
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-moz-transition-property:top bottom;
	-webkit-transition-property:top bottom;
	transition-property:top bottom
}

.slider{
	white-space:nowrap;
	position:relative;
	left:0;
	-moz-transition-duration:.3s;
	-moz-transition-property:left,right;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:left,right
}

#promos .slider{
	-moz-transition-duration:.5s;
	-webkit-transition-duration:.5s
}

.slider.noslide{
	-moz-transition:none;
	-webkit-transition:none
}

.pages>li,.slider>li{
	width:100%;
	white-space:normal;
	display:inline-block;
	vertical-align:top;
	top:0
}

#reviews p#add-first-review,#reviews p#no-add-first-review{
	font:16px Georgia,serif;
	margin:0
}

#reviews form{
	background-color:rgba(201,221,242,.09999999999999998);
	padding:1em 0
}

#reviews form fieldset,#reviews form footer{
	padding:0 1em
}

#reviews form fieldset{
	margin:0
}

#reviews form footer input,#reviews form footer button{
	margin-right:.25em
}

#reviews form footer button{
	float:none
}

#reviews form footer a{
	padding-left:.25em
}

#reviews h2+.article,#reviews h2+.items{
	border-top:1px dotted #c9ddf2
}

#reviews h2+.article{
	padding:1em
}

#reviews h2+.items{
	padding-top:1em
}

.html-rtl #reviews form footer input,.html-rtl #reviews form footer button{
	margin:0 .25em 0 0
}

.html-rtl #reviews form footer a{
	padding:0 .25em
}

#reviews .review{
	border-bottom:1px dotted #c9ddf2;
	overflow:hidden;
	padding:1em 0
}

#reviews .review.flagged{
	opacity:.6;
	-moz-transition:.2s opacity ease
}

#reviews .review.no-reviews{
	border-bottom:0
}

#reviews .review.no-reviews h3{
	font-style:normal
}

#reviews .review h3,#reviews .review h4{
	color:#333;
	font-size:16px;
	line-height:16px;
	font-style:italic
}

#reviews .review h3 .stars,#reviews .review h4 .stars{
	padding:1px 0
}

#reviews .review h3 b:not(:empty),#reviews .review h4 b:not(:empty){
	margin-right:.5em
}

#reviews .review h3.addon-name{
	font-style:normal;
	font-weight:700;
	margin:0 0 .5em
}

#reviews .review h4{
	font-size:14px
}

#reviews .review .byline{
	font-style:italic;
	margin:2px 0;
	color:#999;
	font-size:12px
}

#reviews .review .byline a{
	color:#666
}

#reviews .review .description{
	margin:1em 0 0;
	color:#333
}

#reviews .review.reply{
	padding-left:56px
}

#reviews .review:first-child{
	padding-top:0
}

.html-rtl #reviews .review h3 b:not(:empty),.html-rtl #reviews .review h4 b:not(:empty){
	margin:0 0 0 .5em
}

.stars{
	display:inline-block;
	vertical-align:middle;
	width:63px;
	height:12px;
	background:url(https://static.addons.mozilla.net/static/img/impala/stars.png?5f99704) no-repeat left top;
	text-indent:-9999px;
	margin-right:4px
}

.stars.stars-4{
	background-position:-13px 0
}

.stars.stars-3{
	background-position:-26px 0
}

.stars.stars-2{
	background-position:-39px 0
}

.stars.stars-1{
	background-position:-52px 0
}

.stars.stars-0{
	background-position:-65px 0
}

.stars.large{
	display:block;
	background:url(https://static.addons.mozilla.net/static/img/impala/stars-16.png?c518520) no-repeat left top;
	width:89px;
	height:16px
}

.stars.large.stars-4{
	background-position:-18px 0
}

.stars.large.stars-3{
	background-position:-36px 0
}

.stars.large.stars-2{
	background-position:-54px 0
}

.stars.large.stars-1{
	background-position:-70px 0
}

.html-rtl .stars{
	margin:0 0 0 4px
}

.no-rating strong{
	font-size:12px;
	font-weight:700
}

.average-rating{
	position:relative;
	padding-left:74px
}

.average-rating strong{
	font-weight:700
}

.average-rating .stars{
	position:absolute;
	left:0;
	top:2px
}

.html-rtl .average-rating{
	padding-left:0;
	padding-right:74px
}

.html-rtl .average-rating .stars{
	left:auto;
	right:0
}

.grouped_ratings{
	font-family:"Helvetica Neue",Arial,sans-serif;
	color:#666
}

.grouped_ratings li{
	margin:0;
	padding:0;
	border:0
}

.grouped_ratings .rating_bar{
	border-left:1px solid #999;
	height:20px;
	float:left;
	width:0;
	overflow:visible;
	width:96px
}

.grouped_ratings .rating_bar span.bar{
	display:block;
	height:100%;
	position:relative;
	background:#ddd;
	margin:.4em .5em 0 0;
	height:10px
}

.grouped_ratings .num_ratings{
	width:1px;
	position:absolute;
	right:-5px;
	top:-2px;
	line-height:12px;
	font-size:10px;
	word-wrap:normal
}

.grouped_ratings .stars{
	float:left;
	margin:4px 8px 0 0
}

.review-reason a{
	display:block
}

.other-note{
	display:none;
	clear:left;
	padding:8px 0 0
}

.other-note input[type=text]{
	width:138px;
	margin-right:8px;
	padding:7px
}

.other-note input[type=submit]{
	margin-top:-2px
}

.other .other-note{
	display:block
}

.html-rtl .grouped_ratings .stars{
	float:right;
	margin:4px 0 0 8px
}

.html-rtl .grouped_ratings .rating_bar{
	border-left:0;
	border-right:1px solid #000
}

.html-rtl .grouped_ratings .rating_bar span.bar{
	float:right;
	margin:.4em 0 0 .5em
}

.html-rtl .grouped_ratings .rating_bar span.num_ratings{
	right:auto;
	left:-4px
}

#review-add-box{
	width:650px
}

#review-box{
	position:relative
}

#review-box form{
	width:50%;
	height:212px;
	float:left;
	padding:0 10px 0 0;
	margin-right:1em
}

#review-box textarea{
	height:100px
}

#review-box div{
	padding-left:50%
}

#review-box div p{
	padding-left:1em
}

#review-box .ratingwidget{
	display:inline-block;
	margin:0 0 2px 8px
}

.ratingwidget{
	display:inline-block;
	float:none;
	width:65px
}

.ratingwidget input{
	display:none
}

.ratingwidget label{
	text-indent:-5000px;
	display:block;
	float:left;
	width:13px;
	cursor:pointer
}

.button,button,input[type=submit]{
	position:relative;
	font:700 13px/1em "Trebuchet MS",sans-serif;
	padding:6px 10px 7px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	background:#5784BF;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#669be1),to(#5784bf));
	background-image:linear-gradient(#669be1,#5784bf);
	background-image:-moz-linear-gradient(#669be1,#5784bf);
	background-image:-webkit-linear-gradient(#669be1,#5784bf);
	text-shadow:0 1px 0 rgba(0,0,0,.5);
	border-radius:6px;
	box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset;
	-moz-box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset;
	border:0
}

button.good,.button.good,.button.add{
	background:#489615;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#84c63c),to(#489615));
	background-image:linear-gradient(#84c63c,#489615);
	background-image:-moz-linear-gradient(#84c63c,#489615);
	background-image:-webkit-linear-gradient(#84c63c,#489615)
}

button.bad,.button.bad,.button.developer,.button.scary{
	background:#bc2b1a;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#f84b4e),to(#bc2b1a));
	background-image:linear-gradient(#f84b4e,#bc2b1a);
	background-image:-moz-linear-gradient(#f84b4e,#bc2b1a);
	background-image:-webkit-linear-gradient(#f84b4e,#bc2b1a)
}

.button{
	display:inline-block
}

.button.prominent{
	padding:8px 16px 12px;
	font-size:16px;
	box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset;
	-moz-box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset
}

.button.add span{
	padding-left:16px;
	background:url(https://static.addons.mozilla.net/static/img/impala/button-icons.png?76a8a6e) no-repeat 0 3px
}

.button.add.prominent span{
	padding-left:24px;
	background-position:0 -189px
}

.button.add.prominent.warning span,.button.add.prominent.caution span{
	background-position:0 -317px
}

.button.add.prominent.disabled span,.button.add.prominent.concealed span,.button.add.prominent.caution.concealed span{
	background-position:0 -253px
}

.button.add.warning,.button.add.caution{
	background:url(https://static.addons.mozilla.net/static/img/impala/warning-bg.png?b726031);
	color:#333;
	text-shadow:0 -1px 0 rgba(255,255,255,.5);
	top:0
}

.button.add.warning span,.button.add.caution span{
	background-position:0 -125px
}

.button.add.disabled,.button.add.concealed,.button.add.caution.concealed{
	top:0
}

.button.add.disabled span,.button.add.concealed span,.button.add.caution.concealed span{
	background-position:0 -61px
}

.button.premium{
	background-image:-webkit-gradient(linear,left bottom,left top,from(#e3c17f),to(#d6913d));
	background-image:linear-gradient(#e3c17f,#d6913d);
	background-image:-moz-linear-gradient(#e3c17f,#d6913d);
	background-image:-webkit-linear-gradient(#e3c17f,#d6913d)
}

.button.paypal{
	background-image:-webkit-gradient(linear,left bottom,left top,from(#f8eac4),to(#eec546));
	background-image:linear-gradient(#f8eac4,#eec546);
	background-image:-moz-linear-gradient(#f8eac4,#eec546);
	background-image:-webkit-linear-gradient(#f8eac4,#eec546);
	color:#334676;
	text-shadow:1px 1px #EDE8BF;
	font-style:italic;
	font-family:Verdana,"Helvetica Neue",Arial,sans-serif;
	background-color:#EEC546
}

.button.paypal small{
	font-size:.7em
}

.button.paypal em{
	color:#5a78a8
}

.button.paypal.disabled em{
	color:#919497
}

.button.contribute.prominent b{
	background:url(https://static.addons.mozilla.net/static/img/impala/button-icons.png?76a8a6e) no-repeat;
	padding-left:24px;
	margin-left:-4px;
	background-position:0 -444px
}

.button.developer span,.button.scary span{
	margin-left:-4px;
	padding-left:24px;
	background:url(https://static.addons.mozilla.net/static/img/impala/button-icons.png?76a8a6e) no-repeat;
	background-position:0 -381px
}

.button.watch:not(.watching){
	background:#ea0;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#ea0),to(#bb8600));
	background-image:linear-gradient(#ea0,#bb8600);
	background-image:-moz-linear-gradient(#ea0,#bb8600);
	background-image:-webkit-linear-gradient(#ea0,#bb8600)
}

.button.platform{
	display:none
}

.html-rtl .button.add span{
	background-position:93px 3px;
	padding:0 16px 0 0
}

.html-rtl .button.add.prominent span{
	padding:0 24px 0 0;
	background-position:right -189px
}

.html-rtl .button.add.prominent.disabled span,.html-rtl .button.add.prominent.concealed span,.html-rtl .button.add.prominent.caution.concealed span{
	background-position:right -253px
}

.html-rtl .button.add.prominent.warning span,.html-rtl .button.add.prominent.caution span{
	background-position:right -317px
}

.html-rtl .button.add.warning span,.html-rtl .button.add.caution span{
	background-position:right -125px
}

.html-rtl .button.add.disabled span,.html-rtl .button.add.concealed span,.html-rtl .button.add.caution.concealed span{
	background-position:right -61px
}

.html-rtl .button.contribute.prominent b{
	margin:0 -4px 0 0;
	padding:0 24px 0 4px;
	background-position:right -444px
}

.html-rtl .button.developer span,.html-rtl .button.scary span{
	margin:0 -4px 0 0;
	padding:0 24px 0 0;
	background-position:right -381px
}

.button:hover,.button:focus,.button:active,.button.selected{
	text-decoration:none;
	box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-moz-box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-webkit-box-shadow:0 1px rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset
}

body.android.addon-details .button.platform.android:not(.concealed){
	display:inline-block
}

.install.clickHijack a *{
	pointer-events:none
}

.button:active,.button.selected{
	box-shadow:0 0 rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-moz-box-shadow:0 0 rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-webkit-box-shadow:0 0 rgba(0,0,0,.1),0 -2px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset
}

.button:active,.button.selected,.button.prominent:active,.button.prominent.selected{
	top:2px
}

.button:active:before,.button.selected:before,.button.prominent:active:before,.button.prominent.selected:before{
	content:"";
	display:block;
	height:2px;
	position:absolute;
	top:-2px;
	left:0;
	width:100%
}

.button.prominent:hover,.button.prominent:focus,.button.prominent:active,.button.prominent.selected{
	box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-moz-box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-webkit-box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset
}

.button.prominent:active,.button.prominent.selected{
	box-shadow:0 1px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-moz-box-shadow:0 1px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset;
	-webkit-box-shadow:0 1px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset
}

.install-shell .install{
	display:inline-block
}

.install-shell .warning{
	font-size:12px
}

.install-shell .extra{
	margin-top:8px
}

.install-shell .notavail,.install-shell .notsupported{
	color:#c00000;
	display:block;
	font-size:11px;
	margin:0 0 4px
}

.install-shell .acr-incompat,.install-shell .notsupported{
	color:#999
}

.install-shell .notsupported span:before{
	content:"\0B7";
	padding:0 4px
}

.listing .notsupported span{
	display:block;
	margin-top:4px
}

.listing .notsupported span:before{
	content:""
}

.versions .notsupported{
	display:none
}

.listing-grid .hovercard .install-shell{
	margin-bottom:12px
}

.listing-grid .hovercard .install-button{
	margin:0
}

.listing-grid .hovercard .button.disabled,.listing-grid .hovercard .button.concealed{
	display:none!important
}

.mac .button.mac,.linux .button.linux,.other .button.bsd,.other .button.solaris,.windows .button.windows{
	display:inherit
}

.thunderbird .listing-grid .install-shell{
	display:none
}

button[disabled],.button.disabled,.button.concealed,.button.caution.concealed{
	background:#c1c5ca;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#d1d4d7),to(#c1c5ca));
	background-image:linear-gradient(#d1d4d7,#c1c5ca);
	background-image:-moz-linear-gradient(#d1d4d7,#c1c5ca);
	background-image:-webkit-linear-gradient(#d1d4d7,#c1c5ca);
	color:#919497;
	box-shadow:0 3px rgba(0,0,0,.05),0 -4px rgba(0,0,0,.05) inset;
	-moz-box-shadow:0 3px rgba(0,0,0,.05),0 -4px rgba(0,0,0,.05) inset;
	-webkit-box-shadow:0 3px rgba(0,0,0,.05),0 -4px rgba(0,0,0,.05) inset;
	text-shadow:0 1px 0 rgba(255,255,255,.5)
}

button[disabled],.button.disabled,.button.caution.concealed{
	pointer-events:none
}

#promos{
	display:none;
	height:271px;
	margin-bottom:30px;
	padding:0;
	width:100%;
	position:relative
}

#promos>div,#promos li>div{
	overflow:hidden
}

#promos .wrap p{
	margin:1em 0 0
}

#promos .wrap>div>p:first-child{
	margin:0
}

#promos h2,#promos h3{
	font-style:normal;
	font-family:"Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif
}

#promos .control{
	position:absolute;
	top:0;
	bottom:0;
	width:60px;
	color:#ccc;
	text-indent:-1000em;
	z-index:1;
	-moz-transition-property:background-color,color;
	-moz-transition-duration:.2s
}

#promos .prev{
	left:-30px
}

#promos .next{
	right:-30px
}

#promos .control:after{
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	width:38px;
	height:38px;
	border:2px solid #ccc;
	font-family:Georgia,serif;
	margin:auto;
	font-size:44px;
	line-height:30px;
	text-indent:0;
	text-align:center;
	border-radius:20px;
	box-shadow:0 -2px 0 rgba(204,223,243,.6) inset;
	-moz-box-shadow:0 -2px 0 rgba(204,223,243,.6) inset;
	-webkit-box-shadow:0 -2px 0 rgba(204,223,243,.6) inset;
	-moz-transition-property:border-color,color,box-shadow,left,right;
	-moz-transition-duration:.2s
}

#promos .control:hover:after{
	border-color:#d16b00;
	color:#d16b00
}

#promos .prev:after{
	content:'\00ab';
	left:10px
}

#promos .next:after{
	content:'\00bb';
	right:10px
}

#promos .details-link{
	display:none
}

#promos .hide-install .install-shell{
	display:none!important
}

#promos .hide-install .details-link{
	display:inline-block;
	margin-top:1em
}

#promos .feature{
	border-radius:5px;
	height:251px;
	padding:10px 10%;
	position:relative;
	overflow:hidden;
	box-shadow:none
}

#promos .feature.ryff{
	color:#333;
	position:relative;
	overflow:hidden;
	padding:20px 10% 0 270px;
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/ryff-bg.png?0d077f8) no-repeat
}

#promos .feature.ryff h3{
	margin-bottom:10px;
	white-space:wrap
}

#promos .feature.ryff h3 a{
	color:#7e100a;
	text-decoration:none
}

#promos .feature.ryff p{
	color:#333
}

#promos .feature.ryff img{
	width:40%;
	float:right;
	margin:0 0 .5em 10px
}

#promos .ryff h3,#promos .promo h2{
	font-size:36px;
	font-weight:700;
	line-height:1.3em
}

#promos .promo-collection.promo h2 a{
	color:inherit;
	text-decoration:none
}

#promos .persona-feature a{
	padding:0
}

#promos .persona-feature a .persona-preview{
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #95A9CB;
	box-shadow:0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);
	height:64px;
	margin-left:-3%;
	width:106%
}

#promos .persona-feature a .persona-preview div{
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover
}

#promos .persona-feature a h3{
	margin:12px
}

#promos .promo-grey{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/bokeh-grey-bg.jpg?c88759b)
}

#promos .promo-grey h2{
	color:#333
}

#promos .promo-blue{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/bokeh-blue-bg.jpg?f8384d6)
}

#promos .promo-blue h2{
	color:#036
}

#promos .promo-yellow{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/bokeh-yellow-bg.jpg?865a269)
}

#promos .promo-yellow h2{
	color:#800
}

#promos .promo-purple{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/bokeh-purple-bg.jpg?ba4e5f3)
}

#promos .promo-purple h2{
	color:#808
}

.promo h2,.promo h3{
	margin-bottom:0
}

.promo h2{
	text-shadow:0 1px 0 rgba(255,255,255,.5)
}

.promo hgroup{
	margin:10px auto 20px
}

.promo .vid-button{
	display:block;
	float:left;
	border-radius:5px;
	background-color:#778343;
	padding:5px;
	margin-top:10px
}

.promo .view-button a{
	border-radius:5px;
	box-shadow:0 -5px #bbb inset;
	-moz-box-shadow:0 -5px #bbb inset;
	-webkit-box-shadow:0 -5px #bbb inset;
	background-color:#fff;
	color:#666;
	display:block;
	float:left;
	font-size:14px;
	font-weight:700;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(#ccc));
	background-image:linear-gradient(#fff,#ccc);
	background-image:-moz-linear-gradient(#fff,#ccc);
	background-image:-webkit-linear-gradient(#fff,#ccc)
}

.promo .view-button a:hover{
	box-shadow:0 -5px #aaa inset;
	-moz-box-shadow:0 -5px #aaa inset;
	-webkit-box-shadow:0 -5px #aaa inset;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(#bbb));
	background-image:linear-gradient(#fff,#bbb);
	background-image:-moz-linear-gradient(#fff,#bbb);
	background-image:-webkit-linear-gradient(#fff,#bbb);
	color:#444
}

.promo .view-button a:hover strong{
	color:#111
}

.promo .view-button a:active{
	margin-top:2px;
	padding-bottom:8px;
	position:relative
}

.promo .view-button a strong{
	color:#333
}

#starter.feature{
	background:0;
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/starter-bg-left.png?08a7e8e),url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/starter-bg-right.png?4c37c44),url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/starter-bg.png?55314a1);
	background-position:-5% 100%,100% 0,50% 100%;
	background-repeat:no-repeat,no-repeat,repeat-x
}

#starter h2{
	color:#075f7a
}

@-webkit-keyframes hand-moving{
	0%{
		background-position:0 0
	}

	5%{
		background-position:5px -5px
	}

	25%{
		background-position:5px -5px
	}

	30%{
		background-position:0 -10px
	}

	50%{
		background-position:0 -10px
	}

	55%{
		background-position:10px -10px
	}

	95%{
		background-position:10px -10px
	}

	100%{
		background-position:0 0
	}

}

@-moz-keyframes hand-moving{
	0%{
		background-position:0 0
	}

	5%{
		background-position:5px -5px
	}

	25%{
		background-position:5px -5px
	}

	30%{
		background-position:0 -10px
	}

	50%{
		background-position:0 -10px
	}

	55%{
		background-position:10px -10px
	}

	95%{
		background-position:10px -10px
	}

	100%{
		background-position:0 0
	}

}

@-ms-keyframes hand-moving{
	0%{
		background-position:0 0
	}

	5%{
		background-position:5px -5px
	}

	25%{
		background-position:5px -5px
	}

	30%{
		background-position:0 -10px
	}

	50%{
		background-position:0 -10px
	}

	55%{
		background-position:10px -10px
	}

	95%{
		background-position:10px -10px
	}

	100%{
		background-position:0 0
	}

}

@-webkit-keyframes eye-moving{
	0%{
		background-position:0 0
	}

	5%{
		background-position:-2px 0
	}

	25%{
		background-position:-2px 0
	}

	30%{
		background-position:2px 0
	}

	65%{
		background-position:2px 0
	}

	66%{
		background-position:2px 4px
	}

	67%{
		background-position:2px 4px
	}

	68%{
		background-position:2px 0
	}

	95%{
		background-position:2px 0
	}

	100%{
		background-position:0 0
	}

}

@-moz-keyframes eye-moving{
	0%{
		background-position:0 0
	}

	5%{
		background-position:-2px 0
	}

	25%{
		background-position:-2px 0
	}

	30%{
		background-position:2px 0
	}

	65%{
		background-position:2px 0
	}

	66%{
		background-position:2px 4px
	}

	67%{
		background-position:2px 4px
	}

	68%{
		background-position:2px 0
	}

	95%{
		background-position:2px 0
	}

	100%{
		background-position:0 0
	}

}

@-ms-keyframes eye-moving{
	0%{
		background-position:0 0
	}

	5%{
		background-position:-2px 0
	}

	25%{
		background-position:-2px 0
	}

	30%{
		background-position:2px 0
	}

	65%{
		background-position:2px 0
	}

	66%{
		background-position:2px 4px
	}

	67%{
		background-position:2px 4px
	}

	68%{
		background-position:2px 0
	}

	95%{
		background-position:2px 0
	}

	100%{
		background-position:0 0
	}

}

#addon-video-promo{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/video/bg.png?bcf3a83) 0 100%;
	position:relative
}

#addon-video-promo h2{
	margin-top:25px
}

#addon-video-promo h2,#addon-video-promo h3{
	color:#fff;
	margin-right:200px;
	text-shadow:1px 1px 0 #000
}

#addon-video-promo .vid-guy{
	width:224px;
	height:192px;
	position:absolute;
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/video/guy.png?a7b47b7);
	right:55px;
	bottom:0
}

#addon-video-promo .vid-guy:before{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/video/hand.png?d79f015) no-repeat scroll 7px 0 transparent;
	content:" ";
	display:block;
	height:43px;
	left:46px;
	position:absolute;
	top:133px;
	width:25px;
	-webkit-animation:hand-moving 20s infinite;
	-moz-animation:hand-moving 20s infinite;
	-ms-animation:hand-moving 20s infinite;
	animation:hand-moving 20s infinite
}

#addon-video-promo .vid-guy:after{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/video/eyes.png?6e8e58e) no-repeat scroll 0 0 #f7f2ed;
	content:" ";
	height:4px;
	left:88px;
	position:absolute;
	top:36px;
	width:48px;
	-webkit-animation:eye-moving 15s infinite;
	-moz-animation:eye-moving 15s infinite;
	-ms-animation:eye-moving 15s infinite;
	animation:eye-moving 15s infinite
}

#valentines{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/valentines-bg.png?94e4a10) 50% 0 no-repeat
}

#valentines h2,#valentines ul a h3{
	color:#BC69A9
}

#st-patricks{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/st-patricks-bg.png?ff42564) 50% 0 no-repeat
}

#st-patricks h2{
	color:#296215
}

#monthly{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/monthly-bg.png?eb06c0f) 50% 0 no-repeat
}

#monthly .wrap>div{
	display:table;
	overflow:hidden;
	position:relative;
	max-height:120px;
	width:100%
}

#monthly .blurb,#monthly .thumb{
	display:table-cell;
	max-width:50%;
	padding:20px;
	vertical-align:top
}

#monthly h2{
	color:#8b0101
}

#monthly h3{
	font-weight:700;
	font-size:16px
}

#monthly .wrap h3+p{
	margin-top:5px
}

#monthly .thumb{
	text-align:right
}

#monthly .thumb img{
	max-height:120px
}

.html-rtl .persona-feature a .persona-preview div{
	margin:0 -3% 0 0
}

.html-rtl #monthly .thumb{
	text-align:left
}

#go-mobile{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/go-mobile-bg.png?fa12fb1) 0 100% no-repeat
}

#go-mobile h2{
	color:#485c65
}

#go-mobile .wrap{
	width:384px;
	margin:0
}

#go-mobile .wrap>div{
	padding:20px
}

#fx4-collection{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/fx4-collection-bg.png?eec0a03) 50% 0 no-repeat
}

#fx4-collection h2{
	color:#2c5c89
}

#travel{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/travel-bg-left.png?175778c),url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/travel-bg-right.png?d6d6052),url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/travel-bg.jpg?007c8fb);
	background-position:-5% 0,100% 100%,50% 0;
	background-repeat:no-repeat,no-repeat,no-repeat
}

#travel h2{
	color:#063
}

#school{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/school-bg-left.png?26d21f7),url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/school-bg-right.png?8d9b648),url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/school-bg.jpg?780aa1b);
	background-position:-5px 100%,100% 100%,50% 0;
	background-repeat:no-repeat,no-repeat,no-repeat
}

#school h2{
	color:#933
}

#new-year{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/new-year.jpg?b90cbd2) 50% 50% no-repeat
}

#new-year h2{
	color:#ffc;
	margin:30px 0;
	text-shadow:0 1px 0 rgba(0,0,0,.5)
}

#olympics{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/olympics-bg.png?c415541) 100% 0 no-repeat
}

#olympics.promo h2{
	color:#383838;
	font-size:32px
}

#olympics hgroup{
	margin-bottom:15px
}

#olympics p{
	color:#585858;
	font-size:18px
}

#olympics p.subtitle{
	font-size:14px;
	margin-bottom:30px
}

#olympics .view-button a{
	background-image:-webkit-gradient(linear,left bottom,left top,from(#84c63c),to(#489615));
	background-image:linear-gradient(#84c63c,#489615);
	background-image:-moz-linear-gradient(#84c63c,#489615);
	background-image:-webkit-linear-gradient(#84c63c,#489615);
	color:#fff;
	line-height:35px;
	padding:0 20px 4px;
	text-shadow:0 1px 1px #33690f
}

.pane #olympics{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/olympics-bg-large.png?184b182) 20% 0
}

#contest-winners{
	position:relative
}

#contest-winners .contest-winner span{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}

#contest-winners #caroline{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/contest-caroline.jpg?3c4535f) 100% 0 no-repeat
}

#contest-winners #josh{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/contest-josh.jpg?60a405e) 100% 0 no-repeat
}

#contest-winners #jason{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/contest-jason.jpg?9d04c7e) 100% 0 no-repeat
}

#contest-winners .pager{
	position:absolute;
	width:90px;
	left:460px;
	top:245px
}

#contest-winners .pager a{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/pager-nav.png?6385b31) 100% 0 no-repeat;
	width:16px;
	height:17px;
	padding:0;
	margin-right:12px;
	background-position:-31px -1px
}

#contest-winners .pager a:last-child{
	margin-right:0
}

#contest-winners .pager a:hover{
	background-position:-16px -1px
}

#contest-winners .pager a.selected{
	background-position:0 -1px
}

.static li{
	float:left;
	width:30%;
	position:relative;
	margin-right:5%;
	margin-bottom:5%
}

.static li:nth-child(3n){
	margin-right:0
}

.static li>a,#monthly>div,#go-mobile>div{
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(#ecf1f7));
	background-image:linear-gradient(#fff,#ecf1f7);
	background-image:-moz-linear-gradient(#fff,#ecf1f7);
	background-image:-webkit-linear-gradient(#fff,#ecf1f7);
	border:1px solid #b7c3d7;
	border-radius:6px;
	box-shadow:0 -2px 0 rgba(58,78,103,.08) inset,0 2px 0 rgba(190,210,230,.5);
	-moz-box-shadow:0 -2px 0 rgba(58,78,103,.08) inset,0 2px 0 rgba(190,210,230,.5);
	-webkit-box-shadow:0 -2px 0 rgba(58,78,103,.08) inset,0 2px 0 rgba(190,210,230,.5)
}

#featured-static .static li{
	float:left
}

#featured-static .static li>a{
	width:84%
}

.static li>a{
	display:block;
	position:relative;
	text-align:center;
	height:120px;
	padding:10px 8%;
	-moz-transition-property:border-color,box-shadow;
	-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-out
}

.static li>a:hover,.static li>a:focus,.static li>a:active{
	border-color:#a5afb9;
	box-shadow:inset 0 -2px 0 rgba(58,78,103,.1),0 2px 0 rgba(190,210,230,.85);
	-moz-transition-property:border-color,box-shadow;
	-moz-transition-duration:.1s;
	-moz-transition-timing-function:ease-out;
	text-decoration:none
}

.static h3{
	font-size:14px;
	line-height:1.1;
	max-height:1.1em;
	font-weight:700;
	font-family:inherit;
	margin:.25em 0;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.static li>a:hover h3,.static li>a:focus h3,.static li>a:active h3{
	text-decoration:underline
}

.static p.desc{
	overflow:hidden;
	max-height:5.4em;
	font-size:11px;
	text-align:left;
	color:#373d48;
	text-overflow:ellipsis;
	margin:0
}

.static p.desc a{
	color:#373d48
}

.static p.desc a:hover{
	text-decoration:none
}

.html-rtl .static p.desc{
	text-align:right
}

.static img{
	display:block;
	margin:0 auto;
	max-width:50px
}

.promo:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}

#win-tablet a{
	display:block;
	opacity:.9;
	text-indent:-9999px
}

#win-tablet a:hover{
	opacity:1
}

#side-nav+#win-tablet{
	padding:0
}

#side-nav+#win-tablet a{
	border-radius:5px;
	border:1px solid #c9ddf2;
	background:url(https://static.addons.mozilla.net/static/img/zamboni/promos/fav-small.jpg?7c43975) no-repeat;
	height:180px;
	width:180px
}

#side-nav+#win-tablet a:hover{
	border-color:#a0c3e8
}

#promos,#promos>div,#promos li>div{
	border-radius:5px
}

#holiday{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/holiday-bg.jpg?67d05de) 50% 50% no-repeat
}

#holiday h2{
	color:#296584
}

#holiday hgroup h3{
	color:#3a3a3a;
	margin:2px 0 -2px;
	text-shadow:0 1px 1px #fff
}

#holiday .static p.desc{
	text-align:center
}

#holiday .icon{
	background:50% 70% no-repeat;
	margin:-3px auto 0;
	height:46px;
	width:80px
}

#holiday .amazon{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/holiday-amazon.png?8ccf0e7)
}

#holiday .ebay{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/holiday-ebay.png?bbb68a5)
}

#holiday .shoppingbag{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/discovery_pane/promos/holiday-shoppingbag.png?ca26292)
}


#addon{
	position:relative;
	padding:20px 20px 20px 104px
}

#addon .icon{
	position:absolute;
	top:20px;
	left:20px;
	margin:0 12px 1em 0
}

#addon #addon-summary{
	font-size:16px;
	line-height:20px
}

#addon h1{
	color:#333;
	margin:0 0 2px;
	padding-right:54px
}

#addon .badge{
	font-size:14px;
	margin:0 1em
}

#addon .install-shell{
	font-family:"Helvetica Neue",Arial,sans-serif
}

.html-rtl #addon{
	padding:20px 104px 20px 20px
}

.html-rtl #addon .icon{
	left:auto;
	right:20px;
	margin:0 0 1em 12px
}

.html-rtl #addon h1{
	padding-right:0;
	padding-left:54px;
	text-align:right
}

.html-rtl #addon .notavail{
	padding:1px 18px 1px 0;
	margin-right:0;
	margin-left:14px
}

#addon .notavail,#eula .notavail{
	font-family:"Helvetica Neue",Arial,sans-serif;
	font-size:12px;
	line-height:12px;
	padding:1px 0 1px 18px;
	margin-right:14px;
	background:url(https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb) 0 30% no-repeat;
	white-space:nowrap
}

.html-rtl #addon .notavail,.html-rtl #eula .notavail{
	background-position:100% 30%;
	padding:1px 18px 1px 0
}

#addon .acr-incompat,#eula .acr-incompat{
	background:0;
	padding:1px 0!important
}

h1.addon,#addon-summary,#addon-description{
	overflow:hidden
}

.version-number{
	color:#999;
	font-size:.8em
}

.notice{
	border-radius:5px;
	box-shadow:0 -1px 0 #d7e1ed inset,0 1px 0 rgba(0,0,0,.05);
	-moz-box-shadow:0 -1px 0 #d7e1ed inset,0 1px 0 rgba(0,0,0,.05);
	-webkit-box-shadow:0 -1px 0 #d7e1ed inset,0 1px 0 rgba(0,0,0,.05);
	border:1px solid #CCD6E3;
	padding:14px;
	background:#E3EDFA;
	margin-bottom:1em
}

.notice h3{
	font-style:italic;
	font-size:16px
}

.notice p{
	margin-top:.5em
}

.notice p:first-child{
	margin:0
}

.notice b{
	color:#333
}

.notice .prose{
	color:#666
}

.notice .prose li{
	margin-bottom:.5em
}

.notice.author{
	min-height:64px;
	position:relative
}

.notice.author .aux{
	float:right;
	margin-left:7px;
	text-align:center
}

.notice.author .aux p{
	font-size:11px
}

.notice.author .continue{
	display:block;
	margin-top:.25em
}

.notice.author .avatar{
	height:64px;
	width:64px;
	position:absolute;
	left:20px;
	top:1em
}

.notice.author #contribute-box{
	display:none
}

.notice.author,.notice.performance-note{
	padding-left:104px
}

.notice.performance-note{
	background:url(https://static.addons.mozilla.net/static/img/impala/turtle.png?705fa35) no-repeat 28px 16px #fff8dc;
	border-color:#e2dbbf;
	box-shadow:0 -1px 0 #f7f0d5 inset,0 1px 0 rgba(0,0,0,.05);
	-moz-box-shadow:0 -1px 0 #f7f0d5 inset,0 1px 0 rgba(0,0,0,.05);
	-webkit-box-shadow:0 -1px 0 #f7f0d5 inset,0 1px 0 rgba(0,0,0,.05)
}

.notice.upsell>h3,.notice.dependencies>h3{
	margin:0 0 .5em
}

.notice.upsell{
	min-height:64px;
	position:relative
}

.notice.upsell>.premium{
	position:absolute;
	top:14px;
	right:7px
}

.notice.upsell>.premium h3{
	font:700 13px/16px "Helvetica Neue",Arial,sans-serif
}

.notice.dependencies{
	background-color:#f8ffdc;
	border-color:#dbe2bf
}

.html-rtl .notice.author,.html-rtl .notice.performance-note{
	padding:14px 104px 14px 14px
}

.html-rtl .notice.author .aux{
	float:left;
	margin:0 7px 0 0
}

.html-rtl .notice.author .avatar{
	left:auto;
	right:20px
}

.html-rtl .notice.performance-note{
	background-position:96% 16px
}

.html-rtl .notice.upsell .premium{
	right:auto;
	left:21px
}

.addon-vitals{
	font-size:16px;
	line-height:1.4em
}

.addon-vitals .stars{
	margin:0 0 4px
}

.addon-vitals p{
	padding:0
}

.addon-vitals .widgets{
	margin:23px 0 8px;
	font-size:14px
}

.addon-vitals .widgets .widget{
	color:#999;
	display:block
}

.addon-vitals .stats{
	padding-right:20px;
	color:#666;
	background:url(https://static.addons.mozilla.net/static/img/impala/stats.png?039585f) no-repeat right top
}

.addon-vitals .stats b{
	color:#333
}

.addon-vitals .stats:hover{
	color:#447bc4;
	background-position:right -20px
}

.gutter aside{
	color:#666;
	padding-top:1em
}

.addon-details .more-island>section{
	float:none
}

.addon-reviews>div{
	margin-bottom:1em;
	font-size:14px
}

.widget{
	padding-left:21px;
	background:url(https://static.addons.mozilla.net/static/img/impala/widgets.png?e4eb4a7) no-repeat 0 4px;
	white-space:nowrap
}

.widget:hover{
	color:#447bc4
}

.widget.favorite.faved{
	background-position:0 -36px
}

.widget.favorite:hover{
	background-position:0 -16px
}

.widget.collection-add{
	background-position:0 -56px
}

.widget.collection-add:hover{
	background-position:0 -76px
}

.widget.share{
	background-position:0 -96px
}

.widget.share:hover{
	background-position:0 -116px
}

.widget.ajax-loading{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/loading-white.gif?005dbc7) no-repeat 0 2px!important
}

.html-rtl .widget{
	padding-right:21px;
	padding-left:0;
	background-position:right 4px
}

.html-rtl .widget.favorite.faved{
	background-position:right -36px
}

.html-rtl .widget.favorite:hover{
	background-position:right -16px
}

.html-rtl .widget.collection-add{
	background-position:right -56px
}

.html-rtl .widget.collection-add:hover{
	background-position:right -76px
}

.html-rtl .widget.share{
	background-position:right -96px
}

.html-rtl .widget.share:hover{
	background-position:right -116px
}

.html-rtl .widget.ajax-loading{
	background-position:right 2px
}

.previews{
	background:-moz-radial-gradient(top,ellipse farthest-side,rgba(16,83,130,.5),rgba(16,83,130,0)),-moz-radial-gradient(bottom,ellipse farthest-side,rgba(16,83,130,.5),rgba(16,83,130,0)),-moz-linear-gradient(left,#f4f8fc,rgba(255,255,255,0),#f4f8fc),-moz-linear-gradient(top,rgba(255,255,255,0),#f4f8fc 50px,#f4f8fc 180px,rgba(255,255,255,0));
	background-size:100% 5px,100% 5px,auto,auto;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:0 0,0 bottom,0 0,0 0;
	overflow:hidden;
	clear:both;
	position:relative;
	margin:2em 0;
	padding:30px 5%
}

.previews li a{
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-moz-transition-property:top,border-color,-moz-box-shadow;
	-webkit-transition-property:top,border-color,-moz-box-shadow;
	transition-property:top,border-color,-moz-box-shadow;
	box-shadow:0 2px 2px rgba(0,0,0,.1);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
	border:1px solid #ccc;
	display:block;
	margin:0 auto;
	text-align:center;
	height:150px;
	width:200px;
	background:#fff;
	padding:5px;
	position:relative;
	top:0
}

.previews li a:hover{
	border-color:#447bc4;
	box-shadow:0 4px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.1);
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
	top:-4px
}

.previews li a img{
	display:inline-block;
	vertical-align:middle
}

.previews .panel{
	width:33.333333333333336%
}

.previews .panel a{
	display:block;
	text-align:center
}

.previews .control.next{
	background:-moz-linear-gradient(left,rgba(255,255,255,0),#fff 50%)
}

.previews .control.prev{
	background:-moz-linear-gradient(left,#fff 50%,rgba(255,255,255,0))
}

.metadata li{
	line-height:1.4em;
	border:0
}

.metadata li a{
	padding:0;
	display:inline;
	line-height:1
}

.metadata li a:hover{
	background:transparent;
	text-decoration:underline
}

.metadata .links{
	font-size:14px;
	margin-bottom:1em
}

.metadata .links li{
	margin-bottom:4px
}

.metadata .links a{
	padding-left:18px
}

.metadata .links .support,.metadata .links .home{
	background:url(https://static.addons.mozilla.net/static/img/impala/home.png?54712b2) no-repeat left -18px
}

.metadata .links .email{
	background:url(https://static.addons.mozilla.net/static/img/impala/email.png?135e6ca) no-repeat left -18px
}

.metadata .links .support-gs{
	background:url(https://static.addons.mozilla.net/static/img/impala/getsatisfaction.png?34fbc0c) no-repeat left -18px
}

#tagbox li,#tagbox a{
	border:0;
	display:inline;
	padding:0 1px 0 0;
	line-height:1.2em;
	word-wrap:break-word
}

#tagbox li:not(:last-child):after{
	content:'\00B7'
}

#privacy-policy{
	overflow:hidden;
	position:relative;
	padding:1em
}

#privacy-policy h1{
	line-height:25px
}

#privacy-policy .prose{
	height:400px;
	padding:1em 0 0;
	overflow:auto
}

.banner-box{
	position:absolute;
	top:-1px;
	right:-1px;
	height:100px;
	width:100px;
	overflow:hidden;
	pointer-events:none
}

.banner{
	padding:6px 60px;
	background:#489615;
	text-transform:uppercase;
	font:700 13px "Helvetica Neue",Arial,sans-serif;
	color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	-webkit-transform:translate(50%,-50%) rotate(45deg) translateY(55px);
	-moz-transform:translate(50%,-50%) rotate(45deg) translateY(55px);
	-ms-transform:translate(50%,-50%) rotate(45deg) translateY(55px);
	transform:translate(50%,-50%) rotate(45deg) translateY(55px);
	white-space:nowrap
}

.html-rtl .banner-box{
	right:auto;
	left:-1px
}

.html-rtl .banner-box .banner{
	-webkit-transform:translate(-50%,-50%) rotate(315deg) translateY(55px);
	-moz-transform:translate(-50%,-50%) rotate(315deg) translateY(55px);
	-ms-transform:translate(-50%,-50%) rotate(315deg) translateY(55px);
	transform:translate(-50%,-50%) rotate(315deg) translateY(55px);
	right:auto;
	left:0
}

.secondary .addon hgroup{
	position:relative;
	padding-left:40px
}

.secondary .addon hgroup img{
	position:absolute;
	left:0;
	top:0;
	width:32px;
	height:32px
}

.secondary .addon hgroup h1{
	font:700 16px/18px Georgia,serif;
	text-transform:none;
	margin:0 0 4px;
	padding:0
}

.secondary .addon hgroup h4{
	font-size:12px;
	line-height:14px
}

.html-rtl .secondary .addon hgroup{
	padding:0 40px 0 0
}

.html-rtl .secondary .addon hgroup img{
	left:auto;
	right:0
}

.html-rtl .secondary .addon hgroup h1{
	margin:0 4px 0 0
}

span.no-restart,span.featured{
	background-color:#e8933a;
	border-radius:2px;
	color:#fff;
	display:inline-block;
	font:700 9px/11px Arial;
	margin:4px 0 0 4px;
	padding:3px 6px;
	text-transform:uppercase;
	vertical-align:3px
}

span.featured{
	background-color:#093
}

.html-rtl span.no-restart,.html-rtl span.featured{
	margin:4px 4px 0 0
}

.listing .warning{
	background-color:#FFEDF2;
	border-radius:5px;
	margin-bottom:1em;
	padding:10px 20px
}

.listing .warning h2{
	color:#c00000
}

.paypal-modal .price-wrapper{
	float:right
}

.paypal-modal .price{
	color:#D4904D;
	font-weight:700;
	float:right
}

.paypal-modal .paypal-links{
	font-size:.8em;
	margin-bottom:1em;
	padding-bottom:2em;
	border-bottom:1px dotted #ccc
}

.paypal-modal .paypal-links span{
	padding:0 3px
}

.paypal-modal section{
	border-top:1px dotted #ccc;
	margin-top:1em;
	padding-top:1em
}

.paypal-modal section:first-child{
	border-top:0 none;
	padding-top:0;
	margin-top:0
}

.paypal-modal .paypal-parent{
	text-align:center
}

.paypal-modal .paypal-parent h1,.paypal-modal .paypal-parent h2{
	text-align:left
}

.paypal-modal .paypal-parent h5{
	font-size:2em;
	line-height:2em
}

.paypal-modal .paypal-parent p{
	font-size:.9em;
	color:#999
}

.paypal-modal .paypal-user{
	text-align:left;
	margin-bottom:1em;
	color:#555
}

.paypal-modal .paypal-user strong{
	font-weight:700
}

.paypal-modal div.login{
	text-align:center
}

.policy-statement{
	background-color:#fff;
	border:1px solid rgba(0,0,0,.19999999999999996);
	color:#666;
	line-height:1.4;
	max-height:300px;
	overflow:auto;
	padding:2px 5px
}

.policy-statement,pre.license{
	margin:1.5em 0
}

.policy-install .install-shell .extra+.extra,.policy-install p{
	margin:0
}

.expando .content{
	display:none
}

.expando.expanded .content{
	display:block;
	position:relative;
	margin-top:14px
}

.island .expando h2{
	position:relative;
	margin-bottom:0
}

.island .expando .toggle{
	position:absolute;
	top:-14px;
	right:-14px;
	left:-14px;
	bottom:-14px
}

.island .expando .toggle b{
	position:absolute;
	top:14px;
	right:14px;
	width:20px;
	height:20px;
	background:url(https://static.addons.mozilla.net/static/img/impala/expando-large.png?4f1cc6f) no-repeat right 0
}

.island .expando .toggle:hover b{
	background-position:right -64px
}

.island .expando.expanded .toggle b{
	background-position:right -128px
}

.island .expando.expanded .toggle:hover b{
	background-position:right -192px
}

.island .expando:last-child{
	padding-bottom:0
}

.html-rtl .island .expando .toggle b{
	right:auto;
	left:14px
}

.install{
	position:relative
}

.install-note .msg,.popup .msg,.app{
	background-repeat:no-repeat;
	min-height:32px
}

.mobile .install-note .msg,.mobile.app,.firefox .install-note .msg,.firefox.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/small/firefox.png?1549dc3)
}

.thunderbird .install-note .msg,.thunderbird.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/small/thunderbird.png?5cf4c3c)
}

.sunbird .install-note .msg,.sunbird.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/small/sunbird.png?4dff7b1)
}

.seamonkey .install-note .msg,.seamonkey.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/small/seamonkey.png?9d43f86)
}

.android .install-note .msg,.android.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/small/android.png?d4e8602)
}

.mz.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/small/mozilla.png?c2c1bd2)
}

.install-note .msg.m-unreviewed,.install-note .msg.m-selfhosted,.popup.warning .msg{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/icons/alert-32x32.png?ee16f6d)
}

.install-note .msg.m-platforms{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/icons/no-32x32.png?a59b3e1)
}

.install-note .msg.m-not-compatible li{
	list-style-type:disc
}

.install-note .beta{
	display:none
}

.fxbeta .install-note .beta{
	display:block
}

.fxbeta .install-note .nobeta{
	display:none
}

.install-note,.popup,.modal{
	position:absolute;
	left:-15px;
	line-height:15px;
	margin-top:5px;
	background:#fff;
	padding:10px;
	border:3px solid #2e5186;
	border-radius:8px;
	box-shadow:0 1px 3px rgba(0,0,0,.35);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);
	z-index:2001
}

.modal{
	width:300px
}

.modal,.popup{
	padding:1em
}

.modal form,.popup form{
	margin:0
}

.modal h2,.popup h2,.modal h3,.popup h3{
	margin-top:0;
	color:#2e5186
}

.modal h4,.popup h4{
	margin-bottom:4px
}

.popup h3{
	color:#333;
	font:italic 18px Georgia,serif;
	margin-bottom:1em
}

.popup fieldset{
	border-bottom:1px solid #A4CFDE;
	margin-bottom:1.5em;
	padding-bottom:1em
}

.popup li{
	line-height:1.5em
}

.popup ul:last-child{
	margin-bottom:0
}

.modal-delete h3{
	color:#6c1a1a
}

.install .install-note>*,.popup.warning>*{
	margin-top:1em;
	padding-left:50px
}

.install .install-note{
	width:300px
}

.install .install-note .msg:first-child{
	margin:0
}

.install .install-note ol,.install .install-note ul,.install .install-note p:first-child{
	margin:0
}

.install .install-note ol{
	list-style:decimal
}

.install .install-note ul{
	list-style:none
}

.install .install-note li{
	margin:1em 0
}

.primary .install-note>p:first-child{
	margin-top:0
}

.install-note.left,.popup.left{
	left:-170px
}

.unreviewed .install-note,.popup.warning{
	border-color:#c90
}

.popup.error,.modal-delete{
	border-color:#6c1a1a;
	color:#333
}

.modal-overlay{
	background-color:#fff;
	height:100%;
	opacity:.75;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2000
}

.install-note:before,.popup:before{
	content:"\00a0";
	display:block;
	position:absolute;
	width:0;
	height:0;
	left:50px;
	top:-20px;
	border:10px solid transparent;
	border-bottom-color:#2e5186;
	pointer-events:none
}

.unreviewed .install-note:before,.popup.warning:before{
	border-bottom-color:#c90
}

.popup.error:before{
	border-bottom-color:#6c1a1a
}

.install-note:after,.popup:after{
	content:"\00a0";
	display:block;
	position:absolute;
	left:55px;
	width:0;
	height:0;
	top:-10px;
	border:5px solid transparent;
	border-bottom-color:#fff;
	pointer-events:none
}

.install-note.left:before,.popup.left:before{
	right:71px;
	left:auto
}

.install-note.left:after,.popup.left:after{
	right:76px;
	left:auto
}

.install .install-note strong,.popup strong{
	margin:0;
	color:inherit;
	font-size:inherit
}

.d2c-reasons-popup{
	display:none
}

.d2c-reasons-popup ul{
	margin:1em 0 0 20px;
	list-style:disc
}

.d2c-reasons-popup li{
	margin-left:1em;
	margin-bottom:1em
}

.d2c-reasons-help{
	background-color:#ccc;
	border-radius:10px;
	color:#fff;
	display:inline-block;
	line-height:7px;
	padding:4px;
	margin:0 8px;
	position:relative
}

.d2c-reasons-help:hover{
	background-color:#999;
	text-decoration:none
}

.d2c-reasons-help p,.d2c-reasons-help li{
	line-height:1.3
}

.trans [lang]{
	display:none
}

.trans [lang]:first-child{
	display:block
}

.trans .init-trans{
	display:none
}

.trans .cloned{
	color:#ccc;
	font-style:italic
}

#l10n-menu{
	float:right
}

#l10n-menu p{
	margin:0
}

.html-rtl #l10n-menu{
	float:left
}

#change-locale{
	padding-right:16px
}

#change-locale:after{
	border:4px solid transparent;
	border-style:solid;
	border-top-color:#003595;
	content:"\00a0";
	display:inline-block;
	position:relative;
	top:12px;
	left:4px;
	width:0;
	height:0
}

#locale-popup section{
	display:block;
	height:300px;
	line-height:30px;
	overflow-y:auto
}

#locale-popup section a{
	display:block
}

#locale-popup section a:hover{
	background-color:#eefafe;
	text-decoration:none
}

#locale-popup section a em{
	color:#98bfef
}

#locale-popup section>div,#locale-popup section>ul{
	border-top:1px dotted #A4CFDE;
	margin-bottom:0
}

#locale-popup section>div:first-child,#locale-popup section>ul:first-child{
	border-top:medium none
}

#existing_locales a.remove{
	display:block;
	float:right;
	margin:4px
}

#existing_locales a.remove:hover{
	background-color:#2a4364
}

#contribute-box{
	display:none;
	width:480px;
	margin-left:-240px;
	padding:16px;
	background-color:#fff;
	color:#444;
	-moz-box-shadow:0 0 15px rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);
	box-shadow:0 0 15px rgba(0,0,0,.5);
	border-radius:10px
}

#contribute-box h2{
	margin-top:0
}

#contribute-box form{
	margin-bottom:0
}

#contribute-box p,#contribute-box h4,#contribute-box ul{
	font-size:14px;
	margin:1em 0
}

#contribute-box .support{
	font-size:13px
}

#contribute-box h4.comment{
	display:inline
}

#contribute-box li{
	line-height:180%
}

#contribute-box label{
	font-weight:400
}

#contribute-box input[type=text]{
	width:4em;
	padding:0 1px 1px
}

#contribute-box textarea{
	width:100%;
	height:6em;
	margin-bottom:.4em;
	padding:0 1px 1px
}

#contribute-box span{
	margin-left:2em
}

#contribute-box .commentlen{
	margin:0;
	float:right
}

#contribute-box .ajax-loading{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/loading-white.gif?005dbc7);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:32px
}

.contrib-overlay{
	background-color:transparent
}

.jqmWindow{
	display:none;
	position:fixed;
	top:17%;
	left:50%;
	margin-left:-400px;
	width:800px;
	background-color:#efefef;
	color:#333;
	border:1px solid #000;
	padding:12px
}

.jqmOverlay{
	background-color:#000
}

#lightbox{
	background:rgba(0,0,0,.09999999999999998);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:9000;
	text-align:center;
	opacity:0;
	overflow:hidden;
	pointer-events:none;
	-moz-transition:.5s opacity ease;
	-webkit-transition:.5s opacity ease
}

#lightbox .close{
	display:block;
	background-color:#fff;
	position:absolute;
	margin:0;
	z-index:20;
	top:5px;
	right:5px;
	box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000
}

#lightbox.show{
	pointer-events:auto;
	opacity:1
}

#lightbox section{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:20px;
	border:15px solid rgba(0,0,0,.5);
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:100%;
	max-width:740px;
	height:100%;
	max-height:640px;
	overflow:hidden;
	padding-bottom:70px
}

#lightbox .content,#lightbox .controls{
	position:relative;
	overflow:hidden;
	text-align:center;
	display:block;
	background:#000
}

#lightbox .control{
	line-height:1em;
	width:64px;
	color:#fff
}

#lightbox .content{
	height:570px;
	max-height:100%
}

#lightbox .controls{
	height:70px;
	position:absolute;
	bottom:0;
	width:100%;
	color:#fff
}

#lightbox .control.disabled{
	opacity:0;
	pointer-events:none
}

#lightbox .caption{
	font-size:18px;
	margin:auto 40px;
	height:64px;
	line-height:53px
}

#lightbox .caption span{
	display:block;
	line-height:20px;
	vertical-align:middle
}

#lightbox img,#lightbox video{
	-moz-transition:.3s opacity ease;
	-webkit-transition:.3s opacity ease;
	opacity:0;
	margin:auto;
	max-height:95%;
	max-width:95%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	position:absolute
}

.previews .control,#lightbox .control{
	display:block;
	position:absolute;
	height:100%;
	width:96px;
	text-decoration:none;
	font-size:48px;
	font-family:Georgia,serif;
	text-align:center;
	line-height:48px;
	top:0;
	z-index:30;
	-moz-transition:.3s color;
	-webkit-transition:.3s color;
	transition:.3s color
}

.previews .control.next,#lightbox .control.next{
	right:0
}

.previews .control.prev,#lightbox .control.prev{
	left:0
}

.previews .control.disabled,#lightbox .control.disabled{
	color:#ccc
}

.previews .control{
	line-height:200px
}

.primary.prose h2,.primary .prose h2,.primary.prose h3,.primary .prose h3{
	margin-top:1em
}

.primary.prose h3,.primary .prose h3{
	font:italic 16px/18px Georgia,serif
}

.prose{
	color:#333;
	line-height:1.4em;
	font-family:Georgia,serif
}

.prose h2{
	margin-bottom:.5em
}

.prose ul,.prose ol{
	margin:1em 0 0 20px
}

.prose ul{
	list-style:disc
}

.prose ol{
	list-style:decimal
}

.prose li{
	margin-left:1em;
	margin-bottom:1em
}

.prose>ul:first-child,.prose>ol:first-child,.prose>p:first-child{
	margin-top:0
}

.prose b,.prose strong{
	font-weight:700
}

.prose i,.prose em{
	font-style:italic
}

.prose blockquote{
	margin:1em 1em 0
}

.secondary .prose ul{
	margin-left:10px
}

.secondary .prose li{
	border:0 none
}

.html-rtl .prose ul,.html-rtl .prose ol{
	margin:1em 20px 0 0
}

#sharing-popup{
	padding:0
}

#sharing-popup div.share-content{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0
}

.share-arrow{
	background-image:url(https://static.addons.mozilla.net/static/img/icons/pointer.gif?059080d) no-repeat 30px top;
	padding-top:7px;
	display:none
}

.share-networks{
	overflow:hidden
}

.share-networks ul{
	padding:0 0 0 .8em;
	display:table;
	-moz-box-sizing:border-box;
	margin:0;
	width:100%
}

.share-networks li{
	margin-bottom:.5em;
	display:table-row;
	height:28px
}

.share-networks li:hover span.share-link{
	background-image:url(https://static.addons.mozilla.net/static/img/icons/share-arrow-sprite.png?7185447);
	background-repeat:no-repeat;
	background-position:right 8px
}

.share-networks li:last-child span{
	padding-bottom:8px
}

.share-networks li span{
	display:table-cell;
	padding:8px 15px 0 20px
}

.share-networks .share-count{
	padding:0 .8em;
	text-align:right;
	background-color:#EAF7FB
}

.html-rtl .share-networks ul{
	padding:0 .8em 0 0
}

.html-rtl .share-networks li:hover span.share-link{
	background-position:0 -42px
}

.html-rtl .share-networks li span{
	padding-right:20px;
	padding-left:15px
}

.html-rtl .share-networks .share-count{
	text-align:left
}

.html-rtl .share-networks li:first-child .share-count{
	-moz-border-radius-topright:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px
}

.html-rtl .share-networks li:last-child .share-count{
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px
}

.no-email .share-networks li.email{
	display:none
}

.abuse{
	border:0;
	line-height:1.3;
	position:relative
}

.abuse ol{
	list-style:none;
	margin:0
}

.abuse ol p{
	margin:0
}

.abuse label{
	font-weight:400
}

.abuse legend{
	font-family:inherit;
	font-size:inherit;
	font-weight:700
}

.abuse ol.hidden{
	display:none
}

.abuse textarea{
	border:1px solid #5875A0;
	width:100%;
	margin:1em 0
}

.abuse .recaptcha-container{
	position:relative
}

.abuse .recaptcha-container p,.abuse .recaptcha-container li,.abuse .recaptcha-container div{
	margin-top:1em
}

.abuse #recap-container{
	background:rgba(201,221,242,.09999999999999998);
	border:1px dotted #c9ddf2;
	padding:1em;
	margin-bottom:1em
}

.abuse #recap-container label{
	font-weight:700
}

.abuse #recaptcha_help{
	float:right;
	font-size:11px
}

#report-abuse{
	font-size:12px;
	margin:1em 0 0
}

.abuse-wrapper legend{
	float:right
}

.abuse-wrapper .abuse ol{
	clear:both;
	margin-top:2em
}

.html-rtl .abuse legend span{
	padding-left:0;
	padding-right:25px;
	background-position:100% -1700px
}

.hasJS .abuse legend span{
	cursor:pointer
}

.hasJS .abuse legend span:hover{
	text-decoration:underline
}

.paginator{
	float:left;
	width:100%
}

.paginator .disabled{
	opacity:.25;
	pointer-events:none
}

.paginator p{
	float:left;
	margin-top:0;
	font-size:12px
}

.paginator p.num a{
	color:inherit
}

.paginator .pos,.paginator .num{
	padding:7px 0 9px;
	width:25%
}

.paginator .pos{
	text-align:right
}

.paginator .rel{
	text-align:center;
	width:50%
}

.paginator .rel a{
	display:inline-block;
	font-size:14px;
	margin-left:7px;
	padding:7px 14px 9px
}

.html-rtl .paginator p{
	float:right
}

.html-rtl .paginator .pos{
	text-align:left
}

.html-rtl .paginator .num{
	text-align:right
}

html[lang=de] .paginator p,html[lang=id] .paginator p,html[lang=it] .paginator p{
	font-size:11px
}

html[lang=de] .paginator .rel a,html[lang=id] .paginator .rel a,html[lang=it] .paginator .rel a{
	font-size:12px
}

#subscribe,#sorter,#sorter ul{
	line-height:18px
}

#subscribe{
	background:url(https://static.addons.mozilla.net/static/img/impala/feed.png?7a69fe6) no-repeat 0 50%;
	float:right;
	padding-left:16px
}

.html-rtl #subscribe{
	float:left
}

#sorter{
	font-family:"Helvetica Neue",Arial,sans-serif;
	font-size:11px;
	margin-bottom:1em
}

#sorter h3,#sorter>ul,#sorter form{
	color:#999;
	float:left;
	margin:0
}

#sorter li{
	margin:0
}

#sorter li.selected a{
	color:#d16b00;
	font-weight:700;
	pointer-events:none;
	text-decoration:none
}

#sorter>ul>li{
	float:left;
	position:relative
}

#sorter>ul>li>a{
	border-right:1px solid #ccc;
	padding:0 6px
}

#sorter>ul>li:last-child:not(.extras) a{
	border-right:0
}

#sorter>ul>li.extras>a{
	border:1px solid transparent;
	border-bottom-width:0;
	border-radius:3px 3px 0 0;
	font-weight:700;
	position:relative;
	z-index:50
}

#sorter>ul>li.extras>a:after{
	border:3px solid transparent;
	border-top-color:#666;
	position:relative;
	margin:0 0 0 3px;
	content:"";
	width:0;
	height:0;
	top:8px
}

#sorter>ul>li.extras ul{
	background:#fff;
	border:1px solid #98b2c9;
	border-radius:0 3px 3px;
	box-shadow:0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
	display:none;
	padding:6px;
	position:absolute;
	top:18px;
	z-index:49;
	width:120px
}

#sorter>ul>li.extras ul a{
	display:block;
	padding:3px 6px;
	word-wrap:break-word
}

#sorter>ul>li.extras ul a:hover{
	background:#ebf4fe
}

#sorter>ul>li.extras:hover>a{
	background:#fff;
	border-color:#98b2c9 #98b2c9 #fff;
	box-shadow:0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);
	padding:6px
}

#sorter>ul>li.extras:hover ul{
	display:block
}

#sorter>ul>li.extras:hover>a,#sorter>ul>li.extras:hover ul{
	margin-left:-1px;
	padding-left:7px
}

#sorter>ul>li.extras:hover:after{
	background:#fff;
	content:"";
	height:7px;
	position:absolute;
	top:19px;
	width:130px;
	z-index:52;
	left:0
}

.html-rtl #sorter{
	float:right
}

.html-rtl #sorter h3,.html-rtl #sorter ul,.html-rtl #sorter form{
	float:right
}

.html-rtl #sorter>ul>li{
	float:right
}

.html-rtl #sorter>ul>li>a{
	border:0;
	border-left:1px solid #ccc
}

.html-rtl #sorter>ul>li:last-child:not(.extras) a{
	border-left:0
}

.html-rtl #sorter>ul>li.extras>a{
	border:0
}

.html-rtl #sorter>ul>li.extras>a:after{
	margin:0 3px 0 0
}

.html-rtl #sorter>ul>li.extras:hover>a{
	border:1px solid #98b2c9;
	border-bottom-color:#fff
}

.html-rtl #sorter>ul>li.extras:hover>a,.html-rtl #sorter>ul>li.extras:hover ul{
	margin:0 -1px 0 0;
	padding-left:6px
}

.no-results{
	text-align:center;
	padding:20px;
	opacity:.5;
	font:700 24px "Helvetica Neue",Arial,sans-serif
}

.listing .items,.listing .item{
	width:100%
}

.listing .items{
	display:table
}

.listing .item{
	color:#999;
	display:table-row
}

.listing .item:hover,.listing .item.static{
	background-color:rgba(201,221,242,.09999999999999998)
}

.listing .item:hover .install-shell,.listing .item.static .install-shell{
	visibility:visible
}

.listing .item.acr .install-shell,.listing .item.incompatible .install-shell{
	font:11px/11px "Helvetica Neue",Arial,sans-serif
}

.listing .item.incompatible:hover .action{
	border-color:#c9ddf2;
	opacity:1
}

.listing .item.incompatible:hover .extra .notavail{
	color:#c00000
}

.listing .item.incompatible .info,.listing .item.incompatible .action{
	border-color:#a0c3e8;
	opacity:.4
}

.listing .item.incompatible .install-shell{
	visibility:visible
}

.listing .item.incompatible .install-shell .install,.listing .item.incompatible .install-shell br{
	display:none
}

.listing .item h3{
	font-size:16px;
	font-weight:700;
	line-height:18px
}

.listing .item h3 img{
	display:block;
	position:absolute;
	left:25px;
	max-height:32px;
	max-width:32px
}

.listing .item h3 .author{
	color:#666;
	font-size:12px
}

.listing .item h3 .author a{
	color:#333
}

.listing .item h3,.listing .item .desc{
	margin:0 0 5px
}

.listing .item p{
	font-size:12px
}

.listing .item .vitals{
	margin-top:2px;
	font-size:11px;
	line-height:13px
}

.listing .item .vitals .stars{
	height:12px
}

.listing .item .vitals div{
	display:inline-block;
	margin:0
}

.listing .item .vitals div.rating a{
	color:#999
}

.listing .item .vitals div.adu,.listing .item .vitals div.followers{
	color:#093
}

.listing .item .vitals div.adu:before,.listing .item .vitals div.updated:before{
	color:#999;
	content:'\00B7'
}

.listing .item .vitals span.price{
	color:#093
}

.listing .item .vitals span.price.premium{
	color:#d16b00
}

.listing .item .vitals span.price:not(:first-child):before{
	color:#999;
	content:'\00B7'
}

.listing .item .info,.listing .item .action{
	border-top:1px dotted #c9ddf2;
	display:table-cell;
	padding:20px 0;
	vertical-align:top
}

.listing .item .info{
	overflow:hidden;
	padding-left:58px;
	max-width:470px
}

.listing .item .install-shell{
	padding:0 10px;
	text-align:right;
	visibility:hidden
}

.listing .item .install-shell .install{
	margin:0 0 6px
}

.listing .item .install-shell p.install-button{
	margin:0;
	text-align:left
}

.listing .item .install-shell .extra{
	margin:0 0 6px
}

.listing .item .install-shell .extra .notavail{
	color:#999;
	font-size:10px
}

.listing .item .collector-note,.listing .item .performance-note{
	background-color:#e0effd;
	float:left;
	line-height:18px;
	margin-top:.5em;
	padding:2px 4px
}

.listing .item .performance-note{
	background-color:#fff3cc;
	color:#666
}

.paginator+.items{
	margin-top:1em
}

.item+.paginator,.items+.paginator,#sorter+.paginator,#sorter+.listing-grid,#themes-listing .items{
	border-top:1px dotted #c9ddf2;
	padding-top:1em
}

.item+.paginator{
	border:0
}

.html-rtl .listing .item .collector-note,.html-rtl .listing .item .performance-note{
	float:right
}

.html-rtl .listing .item h3 img{
	left:auto;
	right:25px
}

.html-rtl .listing .item .info{
	padding:20px 58px 20px 0
}

.html-rtl .listing .item .install-shell{
	text-align:left
}

.item:hover .item-actions>li>a{
	color:#447bc4
}

.item-actions{
	font-family:"Helvetica Neue",Arial,sans-serif;
	float:right;
	font-size:11px;
	margin-top:1em;
	margin-bottom:2px;
	color:#aaa
}

.item-actions>li{
	float:left
}

.item-actions>li>a{
	font-weight:400;
	color:#aaa;
	-moz-transition:color;
	-webkit-transition:color;
	transition:color
}

.item-actions>li:not(:first-child){
	list-style-type:disc;
	margin-left:1.9em
}

.html-rtl .item-actions{
	float:left
}

.html-rtl .item-actions>li{
	float:right
}

.html-rtl .item-actions>li:not(:first-child){
	margin:0 1.9em 0 0
}

.item-note{
	float:left;
	color:#666;
	font:italic .9em "Helvetica Neue",Arial,sans-serif;
	margin-bottom:2px;
	margin-top:1em
}

.html-rtl .item-note{
	float:right
}

.version .info,.version .action{
	font-family:"Helvetica Neue",Arial,sans-serif
}

.version h3{
	font:700 16px/18px "Helvetica Neue",Arial,sans-serif;
	margin:1em 0
}

.version .desc{
	color:#333
}

.version .meta,.version .source{
	color:#999;
	font:11px/1.3 "Helvetica Neue",Arial,sans-serif
}

.version .meta{
	display:block
}

.version .filesize{
	display:inline-block;
	margin-left:3px
}

.version .filesize:before{
	content:"\B7";
	margin-right:3px
}

.version .source{
	list-style:none;
	margin:1em 0 0
}

.version .source li{
	display:inline-block;
	margin:0 3px 0 0
}

.version .source li:after{
	content:"\B7";
	margin-left:3px
}

.version .source li:last-child{
	margin:0
}

.version .source li:last-child:after{
	content:"";
	margin:0
}

.version .install-shell{
	margin-bottom:1em
}

.version .install-shell .install{
	display:inline-block
}

.html-rtl .version .filesize{
	margin:0 3px 0 0
}

.html-rtl .version .filesize:before{
	margin:0 0 0 3px
}

.html-rtl .version .source{
	margin-right:0
}

.html-rtl .version .source li{
	margin:0 0 0 3px
}

.html-rtl .version .source li:after{
	margin:0 3px 0 0
}

.listing .item.version .info{
	padding-left:10px
}

.listing .item.version .info h3{
	font-weight:400;
	margin-bottom:1em
}

.listing .item.version .info h3 a{
	font-weight:700
}

.html-rtl .listing .item.version .info{
	padding:20px 10px 20px 0
}

#detail-relnotes .items{
	border-bottom:1px dotted #c9ddf2
}

#detail-relnotes .items .item:hover,#detail-relnotes .items .item.static{
	background:inherit
}

#detail-relnotes .items .info,#detail-relnotes .items .action{
	border:0;
	padding:20px 0!important
}

#detail-relnotes .items .install-shell{
	padding-right:0
}

#detail-relnotes .items .install-shell{
	visibility:visible
}

.html-rtl #detail-relnotes .install-shell{
	padding-left:0
}

.user-input{
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.prettyform .avatar,.prettyform li.profile-photo a.delete{
	display:block
}

.prettyform .avatar{
	border:5px solid #fff;
	box-shadow:1px 1px 3px #B2C8E0;
	margin-left:137px;
	width:100px
}

.prettyform li.profile-photo a.delete{
	margin:10px 0 0 137px
}

.prettyform .more{
	font-size:.8em
}

.prettyform #acct-notify .check{
	text-transform:none
}

.prettyform .user-notifications li{
	margin-bottom:0
}

.prettyform .user-notifications h3{
	color:#777;
	font-size:1.5em;
	font-weight:400;
	margin-bottom:.5em
}

.prettyform .user-notifications h3 .more{
	font-size:.6em
}

.prettyform .user-notifications p.note{
	clear:both;
	font-style:italic;
	width:300px
}

.prettyform #change-acct-password{
	font-weight:700
}

.prettyform #acct-password p.note{
	margin-bottom:1em;
	margin-left:135px;
	margin-top:1em
}

.html-rtl .prettyform .avatar,.html-rtl .prettyform li.profile-photo a.delete{
	margin-right:137px;
	margin-left:0
}

span.emaillink{
	direction:rtl;
	unicode-bidi:bidi-override
}

span.emaillink .i{
	display:none
}

table.person-info{
	width:100%
}

table.person-info th,table.person-info td{
	border-top:1px solid rgba(0,0,0,.19999999999999996);
	padding:8px 0
}

table.person-info th{
	font-weight:700;
	line-height:15px;
	width:40%
}

table.person-info tr:first-child th,table.person-info tr:first-child td{
	border-top:0
}

table.person-info td{
	color:#333;
	padding-top:0
}

table.person-info ol{
	list-style:decimal;
	margin:0 0 0 1.5em
}

.html-rtl table.person-info ol{
	margin:0 1.5em 0 0
}

img.avatar{
	border:3px solid #fff
}

img.icon{
	padding:4px
}

.bare .hero h1{
	margin:1em 0
}

.meet #addon-side{
	padding-top:2.5em
}

.meet #addon-side img{
	left:-3px
}

.meet #profile-actions{
	float:right
}

.meet .user-role{
	background:#fff;
	color:#246;
	font-size:12px;
	font-weight:700;
	height:25px;
	text-transform:uppercase;
	line-height:25px;
	padding:0 3px
}

.meet .user-role p{
	margin:0 6px;
	padding:0;
	text-align:center
}

.meet .user-role p:before{
	background:url(https://static.addons.mozilla.net/static/img/icons/developer.png?e14ae6d) 0 50% no-repeat;
	-moz-background-size:15px,auto;
	-wekbkit-background-size:15px,auto;
	background-size:15px,auto;
	content:"";
	display:inline-block;
	height:15px;
	margin:0 6px -3px 0;
	width:15px
}

.meet .user-role p.personas:before{
	background:url(https://static.addons.mozilla.net/static/img/icons/artist.png?bc58e0e) 0 50% no-repeat;
	-moz-background-size:15px,auto;
	-wekbkit-background-size:15px,auto;
	background-size:15px,auto
}

.meet .user-role,.meet .avatar{
	max-width:200px
}

.meet .notice.author{
	padding:14px
}

.meet .notice.author .avatar{
	display:none
}

.meet .island>h3:first-child{
	margin:0
}

.meet .island>section{
	float:none;
	padding:0 14px 0 0;
	width:auto
}

.meet #my-static{
	margin:0 0 15px
}

.meet .secondary{
	width:198px
}

.meet .user-avatar{
	width:208px
}

.profile .user-avatar{
	background:#fff;
	padding:0;
	margin-top:1em
}

.profile .user-avatar .avatar{
	display:block;
	margin:1px auto
}

.profile #reviews,.profile #my-collections{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.profile #reviews{
	width:75%
}

.profile #reviews p.no-reviews{
	margin:0
}

.profile #reviews.full{
	width:100%
}

.profile #my-collections{
	width:23.5%
}

#recaptcha_image{
	padding:1em;
	background:#fff;
	border:1px solid #B2C8E0;
	border-radius:3px
}

.html-rtl #recaptcha_help{
	display:block;
	padding:14px 0 0 8px;
	font-size:11px
}

#recaptcha_help{
	display:block;
	padding:14px 8px 0 0;
	font-size:11px
}

.register .recaptcha-container{
	display:inline-block;
	vertical-align:top
}

.register .recaptcha-container p{
	text-align:left
}

.register .recaptcha-container p:first-child{
	margin-top:0
}

.html-rtl.meet #addon-side img{
	left:auto;
	right:-3px
}

.html-rtl.meet #profile-actions{
	float:left
}

.html-rtl.meet .user-role p:before{
	margin:0 0 -3px 6px
}

.html-rtl.meet .island>section{
	padding:0 0 0 14px
}

#my-collections{
	padding:0
}

#my-collections p{
	margin:1em 0 0
}

#my-collections div{
	padding:15px 15px 16px
}

#my-collections h2,#my-collections li a,#my-collections p{
	padding:0
}

#my-collections h2,#my-collections li a{
	line-height:inherit
}

#my-collections ul{
	margin:0 0 0 20px;
	list-style:disc
}

#my-collections #my-favorite{
	margin-bottom:1.5em
}

#my-collections li{
	border:0
}

#my-collections li a{
	color:#333;
	display:inline
}

#my-collections li a:hover{
	background:inherit;
	text-decoration:underline
}

#my-collections h2,#my-collections h3{
	margin-bottom:.5em
}

#my-collections h2{
	font:italic 18px/21px Georgia,serif;
	text-transform:none
}

#my-collections h3{
	border-top:1px dotted #c9ddf2;
	font-size:16px;
	font-style:inherit;
	font-weight:700;
	padding-top:1em
}

.html-rtl #my-collections ul{
	margin:0 20px 0 0
}

#my-themes .view-all{
	float:right
}

#ajax_collections_list{
	margin:0 0 .5em
}

#ajax_collections_list li{
	cursor:pointer;
	padding:3px 0 3px 30px;
	background:url(https://static.addons.mozilla.net/static/img/zamboni/icons/checks.png?0b3807e) no-repeat 0 4px
}

#ajax_collections_list li:hover{
	background-position:0 -36px
}

#ajax_collections_list li.selected{
	background-position:0 -76px
}

#ajax_collections_list li.ajax-loading{
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/loading-white.gif?005dbc7);
	background-position:left 50%
}

#ajax_collections_list a.outlink{
	margin-left:4px;
	background-repeat:no-repeat;
	background-image:url(https://static.addons.mozilla.net/static/img/zamboni/icons/collections.png?433f04b);
	white-space:nowrap;
	padding-left:16px;
	background-position:0 -850px
}

#ajax_collections_list a.outlink:hover{
	background-position:0 -900px
}

#ajax_new_collection{
	border-top:1px dashed #aecfda;
	padding:.5em 0 0 30px;
	margin:0
}

#add-to-collection{
	padding:1em
}

#add-to-collection form{
	margin-bottom:0
}

#add-to-collection form #id_description{
	height:6em
}

#add-to-collection .register-button{
	margin:1em 0
}

#add-to-collection p.note{
	color:#666;
	margin:0 0 1em
}

#slug_value{
	font-weight:700;
	color:#222
}

#collection-form-slug,#clear-recents{
	font-size:.9em
}

#collection-favorites-opts li{
	display:inline-block;
	margin-right:1em
}

.collections-details #id_name{
	display:block;
	-moz-box-sizing:border-box;
	width:100%
}

#collection_listed{
	margin-bottom:1.5em
}

#collection_listed ul label{
	font-weight:400
}

#slug_value{
	font-weight:700;
	color:#222
}

#collection-form-slug,#clear-recents{
	font-size:.9em
}

#collection-favorites-opts li{
	display:inline-block;
	margin-right:1em
}

.collections-details #id_name{
	display:block;
	-moz-box-sizing:border-box;
	width:100%
}

#collection_listed{
	margin:0 0 1.5em
}

#collection_listed ul label{
	font-weight:400
}

#recently-viewed{
	display:none
}

#recently-viewed ul{
	margin:0 0 4px
}

#recently-viewed h3{
	border:0;
	margin:0
}

#recently-viewed #clear-recents{
	color:#666;
	padding:0 6px
}

.listing .item.watching .install-shell{
	visibility:visible
}

.listing .item.watching .install-shell .is-watching{
	display:block;
	font:700 13px/1em "Trebuchet MS",sans-serif;
	padding:6px 10px 7px
}

.listing .item.watching .install-shell a{
	visibility:hidden
}

.listing .item.watching:hover .install-shell .is-watching{
	display:none
}

.listing .item.watching:hover .install-shell a{
	visibility:visible
}

#side-nav .listing-grid li{
	border:0
}

#side-nav .listing-grid li a:hover{
	background:#fff
}

#side-nav .listing-grid li a{
	display:inline;
	line-height:auto;
	padding:0
}

#side-nav .listing-grid li a:after{
	display:none
}

#side-nav .listing-grid .item.addon{
	margin-left:-3px
}

#collections-landing,masthead.hero{
	background:no-repeat 98% 10px,0 100%;
	-moz-background-size:auto 150px,auto;
	-wekbkit-background-size:auto 150px,auto;
	background-size:auto 150px,auto;
	border:1px solid #c9ddf2;
	border-radius:5px;
	box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 -2px 0 rgba(204,223,243,.3) inset,0 0 1px rgba(0,0,0,.1);
	margin-bottom:15px;
	min-height:100px;
	padding:14px
}

#collections-landing #breadcrumbs,masthead.hero #breadcrumbs{
	margin-bottom:8px
}

#collections-landing p,masthead.hero p{
	font-size:16px;
	line-height:1.3;
	margin:0;
	max-width:525px
}

#collections-landing h1,masthead.hero h1{
	font:40px/40px MetaBlack;
	text-transform:uppercase
}

.html-rtl #collections-landing{
	background-position:2% 10px,100% 100%
}

#collections-landing{
	background-image:url(https://static.addons.mozilla.net/static/img/illustrations/logo-collections-220x270.png?a264998),-moz-linear-gradient(#e4f5fb,#fff);
	background-image:url(https://static.addons.mozilla.net/static/img/illustrations/logo-collections-220x270.png?a264998),-webkit-linear-gradient(#e4f5fb,#fff);
	background-image:url(https://static.addons.mozilla.net/static/img/illustrations/logo-collections-220x270.png?a264998),linear-gradient(#e4f5fb,#fff)
}

masthead.submit-theme{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/personas/theme-promo.png?f8d33a1) no-repeat 100% 65px,-moz-linear-gradient(#e4f5fb,#fff) repeat-x;
	background:url(https://static.addons.mozilla.net/static/img/zamboni/personas/theme-promo.png?f8d33a1) no-repeat 100% 65px,-webkit-linear-gradient(#e4f5fb,#fff) repeat-x;
	background:url(https://static.addons.mozilla.net/static/img/zamboni/personas/theme-promo.png?f8d33a1) no-repeat 100% 65px,linear-gradient(#e4f5fb,#fff) repeat-x;
	background-size:50% auto,auto auto
}

masthead.submit-theme p{
	width:50%
}

#tooltip{
	display:none;
	background:#2A4364;
	color:#fff;
	font-size:11px;
	border:1px solid #fff;
	border-radius:.8em;
	max-width:300px;
	text-align:center;
	position:absolute;
	padding:1em;
	pointer-events:none
}

#tooltip.error{
	background:#6c1a1a
}

#tooltip span{
	display:block;
	line-height:1.2em
}

#tooltip:before{
	content:"\00a0";
	display:block;
	position:absolute;
	width:0;
	height:0;
	margin-left:-6px;
	left:50%;
	bottom:-16px;
	border:solid transparent;
	border-width:8px 6px;
	border-top-color:#2a4364;
	pointer-events:none
}

#tooltip.error:before{
	border-top-color:#6c1a1a
}

.tip{
	background-color:#ddd;
	border-radius:20px;
	color:#fff;
	cursor:help;
	display:inline-block;
	font-size:14px;
	font-weight:700;
	height:18px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	width:18px
}

.tip:hover{
	background-color:#2a4364
}

#search-facets h2,#search-facets h3,#search-facets p{
	font:italic 15px/1 Georgia,serif
}

#search-facets h3,#search-facets p{
	color:#666
}

#search-facets h2,#search-facets .facets{
	margin-bottom:8px
}

#search-facets h2{
	line-height:29px;
	margin-bottom:16px;
	min-height:29px;
	padding:0;
	text-transform:inherit
}

#search-facets h3{
	font-size:14px;
	margin-bottom:4px
}

#search-facets p{
	font-size:14px;
	padding:0 11px;
	text-align:center
}

#search-facets p b{
	font-weight:none
}

#search-facets ul{
	margin:0
}

#search-facets li{
	border:0
}

#search-facets li a{
	line-height:16px;
	margin-top:2px;
	padding:0
}

#search-facets li ul{
	padding-left:12px
}

#search-facets .facets{
	background:none rgba(255,255,255,.4);
	border-color:#D7D9E8;
	padding:0;
	width:100%
}

#search-facets .facets .facet{
	border-top:1px dotted #D7D9E8;
	padding:10px
}

#search-facets .facets .facet:after{
	color:#ccc;
	content:"\0BB";
	font:400 17px/14px Georgia,serif;
	position:absolute;
	right:10px;
	top:10px
}

#search-facets .facets .facet:first-child{
	border-top:0;
	border-radius:5px 5px 0 0
}

#search-facets .facets .facet:last-child{
	border-radius:0 0 5px 5px
}

#search-facets .facets .facet.active,#search-facets .facets .facet:hover{
	background:#fff
}

#search-facets .facets .facet:hover{
	cursor:pointer
}

#search-facets .facets .facet:hover:after{
	color:#666
}

#search-facets .facets .facet:hover li a{
	pointer-events:none
}

#search-facets .facets .facet>ul{
	max-height:250px;
	overflow-y:auto
}

#search-facets .facets .facet>ul>li.selected:first-child a{
	color:#447bc4
}

#search-facets .facets .facet li a{
	display:none
}

#search-facets .facets .facet li a:hover{
	background:inherit;
	text-decoration:underline
}

#search-facets .facets .facet li.selected>a{
	font-weight:700;
	color:#d16b00;
	display:block
}

#search-facets .facets .facet li.selected>a:hover{
	text-decoration:none
}

#search-facets .facets .facet.active:after{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

#search-facets .facets .facet.active li a{
	display:block
}

#search-facets .facets .facet.active:hover li a{
	pointer-events:auto
}

#search-facets .facets .facet.active ul+ul{
	margin-top:1em
}

.html-rtl #search-facets li ul{
	padding:0 12px 0 0
}

.html-rtl #search-facets .facets .facet:after{
	right:auto;
	left:10px
}

.html-rtl #search-facets .facets .facet.active:after{
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg)
}

.results{
	position:relative
}

.results.loading .updating{
	background:rgba(255,255,255,.8) url(https://static.addons.mozilla.net/static/img/impala/loading-big.gif?e67d85a) 50% 50px no-repeat;
	border:1px solid #ddd;
	box-shadow:0 -2px 0 rgba(200,200,200,.3) inset,0 0 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 -2px 0 rgba(200,200,200,.3) inset,0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 -2px 0 rgba(200,200,200,.3) inset,0 0 1px rgba(0,0,0,.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:5px;
	color:#666;
	font:700 20px "Trebuchet MS",sans-serif;
	margin-left:-125px;
	position:absolute;
	top:45px;
	left:50%;
	padding:15px 15px 45px;
	text-align:center;
	z-index:100;
	width:250px
}

.results.loading .updating.tall{
	top:200px
}

.results.loading .items{
	opacity:.2
}

.results #sorter{
	float:none
}

.results .cnt{
	display:none
}

#site-search-suggestions{
	-moz-transition-property:bottom,opacity,visibility;
	-webkit-transition-property:bottom,opacity,visibility;
	transition-property:bottom,opacity,visibility;
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	font:13px/26px "Helvetica Neue",Arial,sans-serif;
	height:0;
	opacity:0;
	position:absolute;
	right:-10px;
	bottom:-5px;
	left:-10px;
	visibility:hidden;
	z-index:53
}

#site-search-suggestions.visible{
	opacity:1;
	bottom:-15px;
	visibility:visible
}

#site-search-suggestions .wrap{
	background:#fff;
	border:1px solid #98b2c9;
	border-radius:4px;
	box-shadow:0 0 4px rgba(0,0,0,.2),0 -2px 0 rgba(152,178,201,.3) inset;
	-moz-box-shadow:0 0 4px rgba(0,0,0,.2),0 -2px 0 rgba(152,178,201,.3) inset;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.2),0 -2px 0 rgba(152,178,201,.3) inset;
	position:absolute;
	top:0;
	right:0;
	left:0
}

#site-search-suggestions .wrap:before{
	background:url(https://static.addons.mozilla.net/static/img/impala/search-stem.png?11fc7d4) 50% 100% no-repeat;
	content:"";
	display:block;
	height:20px;
	position:absolute;
	top:-20px;
	left:14px;
	width:40px
}

#site-search-suggestions ul{
	margin:0 16px 10px
}

#site-search-suggestions p{
	margin:10px 16px 0
}

#site-search-suggestions a{
	display:block;
	text-decoration:none
}

#site-search-suggestions a:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden
}

#site-search-suggestions a span,#site-search-suggestions a .subtitle{
	display:block;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

#site-search-suggestions a span{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:no-repeat 4px 50%;
	-moz-background-size:20px auto;
	-wekbkit-background-size:20px auto;
	background-size:20px auto;
	max-width:280px;
	padding:2px 2px 2px 32px
}

#site-search-suggestions a span.cat{
	background-image:url(https://static.addons.mozilla.net/static/img/icons/search-cat.png?0daf750)
}

#site-search-suggestions a span.app{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/16/sprite.png?33db7a2);
	-moz-background-size:18px auto;
	-wekbkit-background-size:18px auto;
	background-size:18px auto;
	background-position:4px 6px;
	min-height:0!important
}

#site-search-suggestions a span.thunderbird{
	background-position:5px -30px
}

#site-search-suggestions a span.seamonkey{
	background-position:4px -66px
}

#site-search-suggestions a span.sunbird{
	background-position:4px -100px
}

#site-search-suggestions a span.android{
	background-position:4px -138px
}

#site-search-suggestions a .subtitle{
	color:#999;
	font-size:12px;
	font-style:normal;
	line-height:30px;
	margin-left:5px
}

#site-search-suggestions a:hover,#site-search-suggestions a.sel,#site-search-suggestions.sel a.sel:hover{
	background-color:#EBF4FE;
	color:#447BC4
}

#site-search-suggestions.sel a:hover{
	background-color:transparent;
	color:#447bc4
}

.html-rtl #site-search-suggestions .wrap:before{
	left:auto;
	right:14px
}

.miniColors-trigger{
	border:4px solid #c9ddf2;
	display:inline-block;
	height:18px;
	margin:0 .25em 1px 0;
	outline:0;
	vertical-align:bottom;
	width:20px
}

.html-rtl .miniColors-trigger{
	margin:0 0 1px .25em
}

.miniColors-selector{
	background:#fff;
	border:solid 1px #bbb;
	border-radius:5px;
	box-shadow:0 0 6px rgba(0,0,0,.25);
	-moz-box-shadow:0 0 6px rgba(0,0,0,.25);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.25);
	height:150px;
	padding:5px;
	position:absolute;
	width:175px
}

.miniColors-colors,.miniColors-hues{
	background:center no-repeat;
	cursor:crosshair;
	height:150px;
	position:absolute;
	top:5px
}

.miniColors-colors{
	background-image:url(https://static.addons.mozilla.net/static/img/impala/colorpicker/gradient.png?c7a3380);
	left:5px;
	width:150px;
	height:150px
}

.miniColors-hues{
	background-image:url(https://static.addons.mozilla.net/static/img/impala/colorpicker/rainbow.png?e9146af);
	left:160px;
	width:20px
}

.miniColors-colorPicker{
	background:url(https://static.addons.mozilla.net/static/img/impala/colorpicker/circle.gif?cec4641) center no-repeat;
	height:11px;
	position:absolute;
	width:11px
}

.miniColors-huePicker{
	border-bottom:2px solid #000;
	height:0;
	position:absolute;
	left:-3px;
	width:26px
}

#submit-persona .notice{
	border-radius:5px;
	background:#ECF5FE;
	margin-bottom:1em
}

#submit-persona .notice h3{
	font-style:italic;
	font-size:16px
}

#submit-persona .notice p{
	margin-top:.5em
}

#submit-persona .notice b{
	color:#333
}

ul.license{
	position:relative;
	top:3px
}

ul.license li{
	display:block;
	float:left;
	list-style:none;
	margin-right:2px
}

ul.license li.text{
	font-size:90%;
	line-height:15px;
	margin-left:4px
}

.html-rtl ul.license li{
	float:right;
	margin:0 0 0 2px
}

.html-rtl ul.license li.text{
	margin:0 4px 0 0
}

.license .icon,.license.icon{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/licenses.png?fa83f55) no-repeat
}

.license .icon.cc-attrib,.license.icon.cc-attrib{
	background-position:0 0
}

.license .icon.cc-noderiv,.license.icon.cc-noderiv{
	background-position:0 -65px
}

.license .icon.cc-noncom,.license.icon.cc-noncom{
	background-position:0 -130px
}

.license .icon.cc-share,.license.icon.cc-share{
	background-position:0 -195px
}

.license .icon.copyr,.license.icon.copyr{
	background-position:0 -260px
}

.persona-large .persona-,.persona-large p{
	border-radius:6px
}

.persona-preview .persona-viewer{
	background:transparent no-repeat right top;
	border-bottom:1px solid rgba(0,0,0,.4);
	display:table;
	position:relative;
	height:100px;
	width:100%
}

.persona-preview p,.persona-preview .persona-viewer{
	border-radius:6px
}

.persona-large{
	max-width:680px
}

.persona-large p{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/mobile/loading-white.png?2816057) center no-repeat;
	background-size:auto 32px;
	color:#fff;
	display:none;
	font:18px Georgia,serif;
	pointer-events:none;
	text-align:center;
	text-shadow:0 1px 0 rgba(0,0,0,.5);
	vertical-align:middle
}

.persona-large .details{
	margin:8px
}

.persona-large .details a{
	color:inherit
}

.persona-large .details .title,.persona-large .details .author{
	background:rgba(255,255,255,.6);
	clear:left;
	display:block;
	float:left;
	line-height:1.3;
	padding:3px 6px
}

.persona-large .details .title{
	font-size:16px;
	font-weight:700;
	margin-bottom:4px
}

.persona-large .details .author{
	color:#333
}

.persona-hover .persona-viewer p{
	background-color:rgba(0,0,0,.4);
	display:table-cell
}

#submit-persona .note{
	display:block;
	padding-top:2px
}

#submit-persona .addon-cats label+ul{
	column-count:4;
	-moz-column-count:4;
	-webkit-column-count:4;
	column-gap:1em;
	-moz-column-gap:1em;
	-webkit-column-gap:1em
}

#submit-persona #persona-license,#submit-persona #persona-license-list{
	background-color:#d6e4f1;
	border-radius:5px;
	display:none;
	padding:1em;
	width:400px
}

#submit-persona #persona-license p,#submit-persona #persona-license-list p{
	margin:0
}

#submit-persona #persona-license p.license,#submit-persona #persona-license-list p.license{
	font-size:12px;
	font-weight:700;
	height:auto;
	margin:.5em 0;
	padding-left:20px;
	width:auto
}

#submit-persona #persona-license-list{
	margin-top:1em
}

#submit-persona h3.colors{
	margin-top:26px
}

#submit-persona .colors li.row{
	display:inline-block;
	margin-right:2em
}

#submit-persona .colors li.row label{
	font-weight:400
}

#submit-persona #persona-design .preview,#submit-persona #persona-design .reset{
	display:none
}

#submit-persona #persona-design .reset{
	font-weight:700
}

#submit-persona #persona-design .preview{
	background-color:#ccc;
	width:100%
}

#submit-persona #persona-design #persona-header .preview.loading{
	height:50px
}

#submit-persona #persona-design #persona-footer .preview.loading{
	height:25px
}

#submit-persona #persona-design .loading,#submit-persona #persona-design .loaded{
	display:block
}

#submit-persona #persona-design .loading:before{
	background:#444 url(https://static.addons.mozilla.net/static/img/zamboni/mobile/loading-white.png?2816057) center no-repeat;
	background-size:auto 70%;
	content:"\00a0";
	display:block;
	height:100%;
	opacity:.4;
	transition:opacity .5s;
	width:100%
}

#submit-persona #persona-design .loaded:before{
	opacity:0
}

#submit-persona #persona-design .error-loading{
	border:#c00000 1px solid
}

#submit-persona #persona-preview .persona-viewer{
	background-size:cover;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#ccc),to(#bbb));
	background-image:linear-gradient(#ccc,#bbb);
	background-image:-moz-linear-gradient(#ccc,#bbb);
	background-image:-webkit-linear-gradient(#ccc,#bbb)
}

#submit-persona label[data-for=name] p,#submit-persona label[data-for=description] p{
	display:inline
}

#submit-persona label[data-for=name] .locale,#submit-persona label[data-for=description] .locale{
	color:#999;
	display:block;
	font-weight:400;
	margin-top:6px
}

#submit-persona .html-support{
	float:none
}

.html-rtl #submit-persona .colors li.row{
	margin:0 0 0 2em
}

#l10n-confirm-rm{
	margin-right:5px
}

#persona-header img{
	max-height:200px
}

#persona-footer img{
	max-height:100px
}

.done-next-steps li{
	margin-bottom:.3em
}

#addon-edit-license .item h3{
	font-size:1em
}

#addon-edit-license fieldset{
	border:0;
	margin-bottom:0;
	padding-bottom:0
}

#addon-edit-license ul.radios{
	margin-bottom:13px
}

#addon-edit-license ul.radios input,#addon-edit-license ul.radios span.tooltip{
	position:relative;
	top:2px
}

#addon-edit-license #persona-license{
	margin-bottom:13px
}

.prettyform .legal{
	border-top:1px dotted #c9ddf2;
	margin:2.5em 1em 0;
	padding-top:1em
}

.prettyform .legal label{
	display:block;
	padding-bottom:1.5em
}

.prettyform .listing-footer{
	border-radius:0 0 5px 5px;
	background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(201,221,242,.2)),to(rgba(201,221,242,.1)));
	background-image:linear-gradient(rgba(201,221,242,.2),rgba(201,221,242,.1));
	background-image:-moz-linear-gradient(rgba(201,221,242,.2),rgba(201,221,242,.1));
	background-image:-webkit-linear-gradient(rgba(201,221,242,.2),rgba(201,221,242,.1));
	border-top:1px dotted #c9ddf2;
	padding:1.5em 2em;
	margin:0 -1.1em -1.1em -1.1em
}

.theme-info{
	float:left
}

.theme-info .addon-icon{
	display:inline-block;
	height:32px;
	width:32px
}

.theme-info .addon-name-and-icon,.theme-info .addon-name-and-icon+div{
	float:left
}

.theme-info .addon-name{
	display:inline-block;
	font:24px/32px "Helvetica Neue",Arial,sans-serif;
	margin:0;
	padding-left:8px;
	vertical-align:top
}

.theme-info .author{
	padding-left:44px;
	margin-bottom:.25em
}

.theme-info .persona{
	float:left;
	margin-top:1em
}

.theme-info .info{
	float:left;
	margin:1em 0 0 1.5em
}

.theme-info .info p{
	margin:0 0 .5em
}

.theme-info [data-browsertheme]{
	background:#fff;
	border:1px solid #eee;
	border-radius:6px;
	height:100px;
	width:680px
}

.theme-info .button.delete-addon{
	font-size:12px;
	font-weight:300;
	margin-top:3px;
	padding:8px 16px
}

.listing-footer{
	overflow:hidden;
	padding:0;
	position:relative
}

.listing-footer .button{
	float:left;
	margin:0
}

.transfer-ownership{
	font-size:11px;
	margin-left:1em
}

.transfer-ownership.button:active{
	top:0
}

#tooltip.error{
	color:#fff!important
}

.owner-email{
	margin-left:44px
}

.owner-email input[name=owner]{
	font-size:14px;
	line-height:16px;
	padding:5px;
	width:275px
}

.owner-email input[name=owner].formerror{
	border-color:#c00000
}

.owner-email input[name=owner].invalid{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/notifications.png?88882cf) no-repeat 100% -157px
}

.owner-email input[name=owner].valid{
	background:url(https://static.addons.mozilla.net/static/img/zamboni/notifications.png?88882cf) no-repeat 100% -363px
}

.owner-email input[name=owner].ui-autocomplete-loading{
	background-position:99% 50%
}

#persona-design.edit .reupload{
	cursor:pointer;
	float:right;
	position:relative;
	top:3px
}

#persona-design.edit .reupload.cancel{
	display:none
}

#persona-design.edit .theme-design{
	display:none
}

#persona-design.edit .theme-design .theme-design-form{
	float:left;
	margin-right:35px
}

#persona-design.edit .theme-design .rereview-preview{
	float:left
}

#persona-design.edit .theme-design .rereview-preview img{
	max-width:500px
}

#persona-design.edit .theme-design h3{
	margin-bottom:13px
}

.review-decal,.artist-tools{
	display:none
}

.login #id_username,.login #id_password{
	width:200px
}

.login #remember-me{
	padding-left:135px
}

.login .island.hero{
	width:510px;
	margin-right:0
}

.login .primary fieldset{
	margin:1em 0 0;
	padding:0
}

.login #captcha{
	padding:0 8px;
	position:relative
}

.login #captcha label{
	display:none
}

.login #captcha input{
	width:312px;
	margin:0 auto
}

.login #recaptcha_image{
	margin:1em auto 0;
	padding:1em;
	background:#fff;
	border:1px solid #B2C8E0;
	border-radius:3px
}

.login #recaptcha_image+p{
	text-align:center
}

.login .recaptcha-container{
	position:relative
}

.login .user-message{
	display:none
}

.login .browserid .user-message{
	display:block;
	text-align:center;
	color:#666;
	margin-top:.5em;
	font-size:.9em
}

.login .browserid #browserid-login{
	text-align:center;
	margin-top:2em
}

.login .browserid #normal-login{
	display:none;
	margin-top:2em
}

.login .browserid-login-alt{
	float:left;
	position:relative
}

.dictionaries h2{
	color:#c63717
}

.dictionaries tbody{
	color:#555
}

.dictionaries tbody td,.dictionaries tbody th{
	width:25%
}

.app-nav{
	margin:0!important
}

#apps-promo{
	background:#fff no-repeat 95% 100%;
	background-image:url(https://static.addons.mozilla.net/static/img/apps/promo.png?e673870),-moz-linear-gradient(#e4f5fb,#fff 50px);
	background-image:url(https://static.addons.mozilla.net/static/img/apps/promo.png?e673870),-webkit-linear-gradient(#e4f5fb,#fff 50px);
	-moz-background-size:43% auto,auto;
	-wekbkit-background-size:43% auto,auto;
	background-size:43% auto,auto;
	float:none
}

#apps-promo p{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:16px;
	width:75%
}

#apps-promo h2{
	font:32px/32px MetaBlack;
	text-transform:uppercase
}

.html-rtl #apps-promo{
	background-position:0 100%
}

.html-rtl #apps-promo p{
	width:53%!important
}

#apps-learn{
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0 0 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.1);
	display:table;
	margin-bottom:15px;
	padding:0
}

#apps-learn h3{
	font:italic 18px Georgia,serif
}

#apps-learn h3+p{
	margin-top:.5em
}

#apps-learn div{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:table-cell;
	min-width:33%;
	padding:14px;
	width:33%
}

#apps-learn .dev,#apps-learn .adventure{
	border-left:1px solid #ccc;
	box-shadow:0 0 1px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.1)
}

#apps-learn .user{
	background:#def;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#def),to(#fff));
	background-image:linear-gradient(#def,#fff);
	background-image:-moz-linear-gradient(#def,#fff);
	background-image:-webkit-linear-gradient(#def,#fff);
	border-radius:5px 0 0 5px
}

#apps-learn .user h3{
	color:#003b77
}

#apps-learn .dev{
	background:#ffe;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#ffe),to(#fff));
	background-image:linear-gradient(#ffe,#fff);
	background-image:-moz-linear-gradient(#ffe,#fff);
	background-image:-webkit-linear-gradient(#ffe,#fff)
}

#apps-learn .dev h3{
	color:#880
}

#apps-learn .adventure{
	background:#fee;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fee),to(#fff));
	background-image:linear-gradient(#fee,#fff);
	background-image:-moz-linear-gradient(#fee,#fff);
	background-image:-webkit-linear-gradient(#fee,#fff);
	border-radius:0 5px 5px 0
}

#apps-learn .adventure h3{
	color:#800
}

.html-rtl #apps-learn .user{
	border-radius:0 5px 5px 0
}

.html-rtl #apps-learn .adventure{
	border-radius:5px 0 0 5px;
	border:0
}

.html-rtl #apps-learn .dev{
	border-right:1px solid #ccc
}

#myappsTrustedIFrame{
	z-index:2002!important
}

.inner-modal-error h2,.inner-modal-error p{
	color:#c00000
}

.inner-modal-error p{
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
	margin-bottom:1em
}

input.autocomplete{
	width:16em
}

.ui-autocomplete{
	background-color:#fff;
	border:1px solid #000;
	width:300px;
	z-index:100!important
}

.ui-autocomplete li,.ui-autocomplete a{
	min-height:32px
}

.ui-autocomplete li{
	clear:both
}

.ui-autocomplete a{
	cursor:pointer;
	display:block;
	padding:2px
}

.ui-autocomplete a b{
	color:#999;
	display:block;
	font-size:10px
}

.ui-autocomplete img{
	float:left;
	height:32px;
	margin-right:4px;
	width:32px
}

.extra-form{
	display:none
}

.full p+table{
	margin:1em 0
}

.full table{
	margin-bottom:1em;
	width:100%
}

.full>table:last-child{
	margin-bottom:0
}

.full th{
	font-weight:700
}

.full th,.full td{
	padding:6px 12px
}

.full tbody{
	color:#333
}

.full tr{
	line-height:1.5em
}

.full thead{
	background:#c9ddf2
}

.full tr:nth-child(2n){
	background:#f2f6fb
}

.full tbody tr:nth-child(2n+1){
	background:#fff
}

.compat #reports{
	float:right
}

.compat #compat-form{
	margin:0 0 1em
}

.compat #compat-form ul{
	margin-left:2em
}

.compat #compat-form ul,.compat #compat-form li{
	display:inline
}

.compat .paginator{
	border-top:1px dotted #c9ddf2;
	margin-top:.5em;
	padding-top:1em
}

.compat .enter{
	font-size:16px;
	line-height:18px;
	margin:0;
	padding:0 0 1em
}

.compat .full p:first-child{
	margin:0
}

.compat .full h2{
	margin:1em 0
}

.compat .full h2 a{
	float:right
}

.compat .full tr{
	border:1px solid #ccc
}

.compat .full tr.success{
	background:#efe;
	border-color:#9c9
}

.compat .full tr.success th{
	color:#093
}

.compat .full tr.problem,.compat .full tr.comments{
	background:#fee;
	border-color:#c99
}

.compat .full tr.problem{
	border-bottom-width:0
}

.compat .full tr.problem:last-child{
	border-bottom-width:1px
}

.compat .full tr.problem th{
	color:#c63717
}

.compat .full tr.comments{
	border-top:0;
	color:#666
}

.compat .full tr.comments td{
	font-size:12px;
	padding-top:0
}

.compat .full thead tr{
	border-color:#666
}

.html-rtl.compat #reports{
	float:left
}

.html-rtl.compat h2 a{
	float:left
}

#localizers table+h2{
	margin-top:1em
}

#localizers h2{
	line-height:32px
}

#localizers h2.app{
	background-repeat:no-repeat;
	padding-left:40px
}

#localizers h2.firefox,#localizers h2.mobile{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/32/firefox.png?1549dc3)
}

#localizers h2.thunderbird{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/32/thunderbird.png?597bbb9)
}

#localizers h2.seamonkey{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/32/seamonkey.png?de0a3fe)
}

#localizers h2.sunbird{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/32/sunbird.png?3b9b020)
}

#localizers h2.android{
	background-image:url(https://static.addons.mozilla.net/static/img/app-icons/32/android.png?7f85f17)
}

#localizers footer{
	border-top:1px dotted #c9ddf2;
	margin-top:1em;
	padding-top:1em
}

.html-rtl #localizers .app{
	background-position:100% 0;
	padding:0 40px 0 0
}
