/*----------------------------------------------------------------------------
  Standards-Compliant Layout CSS file for Scoopark.com
-----------------------------------------------------------------------------*/

/*** =Reset defaults ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

#content-main #divMap #map { height:300px; margin-top:10px; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

.tableSafatyTips tr th { font-weight: bold; }
.tableSafatyTips tr.odd { background-color: #fDfDff; }
.tableSafatyTips tr:hover { background-color: #fFf2f2; }

/*** =General elements ***/
body { min-width: 770px; }

ol, ul { margin-left: 2em; }
blockquote { margin: 0 3em 1em; }
dd { margin-left: 2em; }
td, th { padding: 2px 6px; }

a.view { padding-right: 10px; }
button, input[type="submit"] { cursor: pointer; }

h2 { margin-bottom: .5em; }

div.error-notice { margin: 0; min-height: 48px; margin-bottom: 1.5em; padding: 10px 10px 0 70px; }

/*** =Site-notice ***/
#site-notice { width: 80%; padding: 5px 10%; }

/*** =Access nav ***/
#nav-access { position: absolute; top: -10em; margin: 0 auto; width: 100%; }
#nav-access a:active, #nav-access a:focus { position: absolute; top: 11em; width: 18em; z-index: 2;}
.html-ltr #nav-access a:active, .html-ltr #nav-access a:focus { left: 50%;  margin-left: -8em;}
.html-rtl #nav-access a:active, .html-rtl #nav-access a:focus { right: 50%;  margin-right: -8em;}


/*** =Header ***/
#branding { position: relative; }

h4#moz { position: absolute; top: 10px; margin: 0; z-index: 1; }
.html-rtl h4#moz {left: 0px; }
.html-rtl h4#moz img {position: relative; left: -10px; }

h4#moz a { display: block; height: 44px; width: 100px; padding-left: 10px;}

/* =Page title */
#page-title { height: 6.4em; }

#page-title div { max-width: 900px; margin: 0 auto;}
.html-ltr #page-title div {padding: 4px 5px 0;}

#page-title h1 { position: relative; } 
.html-ltr #page-title h1 {padding: 4px 0 5px 2px; } /* fra. era 125 */

#page-title h1 img { position: absolute; top: 0; }
.html-ltr #page-title h1 img{left: 0;}

#page-title p.page-intro { margin-bottom: 0; width: 42em; max-width: 650px; }
.html-ltr #page-title p.page-intro {padding-left: 4px;} /* fra. era 125 */

/* =User nav */
#nav-user { /* max-width: 900px; min-width: 770px; */ }
.html-ltr #nav-user { margin: -1.75em auto 0; padding: 0 50px; margin-top:-40px; }

#nav-user li { display: inline; }
.html-ltr #nav-user li { padding-left: .1em; margin-right: .3em; }

.html-ltr #nav-user li:first-child { border-left: 0; padding-left: 0; margin-right: -0.1em;}

/* =Other Applications */
#other-apps { position: absolute; top: -5em;  z-index: 5;} 
.html-ltr #other-apps {right: 55px; padding: 6px 10px 0; }

#other-apps.js { width: 13.5em; padding-bottom: 6px; }

#other-apps h3 { float: left; margin-right: 20px; }

#other-apps.js h3 { float: none; cursor: pointer; }
.html-ltr #other-apps.js h3 {margin: -6px -10px; padding: 6px 15px 6px 20px; }
.html-rtl #other-apps.js h3 {margin: -6px -10px; padding: 6px 15px 6px 20px; }

#nav-apps { margin-top: .1em; }
.html-ltr #nav-apps { margin-left: 0;}
.html-rtl #nav-apps { margin-right: 0;}

#nav-apps li { display: inline; }
.html-ltr #nav-apps li {  margin-right: 10px; }
.html-rtl #nav-apps li {  margin-left: 10px; }

#other-apps.js #nav-apps { margin-top: 1em; }
#other-apps.js #nav-apps li { display: block; margin-right: 0; }
.html-ltr #other-apps.js #nav-apps li { margin-right: 0; }
.html-rtl #other-apps.js #nav-apps li { margin-left: 0; }

#other-apps.js #nav-apps a { display: block; line-height: 35px; }
.html-ltr #other-apps.js #nav-apps a { padding-left: 40px; }
.html-rtl #other-apps.js #nav-apps a { padding-right: 40px; }

#other-apps.collapsed #nav-apps { position: absolute; }
.html-ltr #other-apps.collapsed #nav-apps { left: -999em; }
.html-rtl #other-apps.collapsed #nav-apps { right: -999em; }

#other-apps.collapsed #nav-apps a:active, #other-apps.collapsed #nav-apps a:focus { position: absolute; top: 0; }
.html-ltr #other-apps.collapsed #nav-apps a:active, .html-ltr #other-apps.collapsed #nav-apps a:focus { left: -999em; }
.html-rtl #other-apps.collapsed #nav-apps a:active, .html-rtl #other-apps.collapsed #nav-apps a:focus { right: -999em; }

/*** =Search form ***/
#search-form { position: relative; width: 80%; height: 74px; margin-bottom: 1.5em;}
.html-ltr #search-form {left: 0%}
.html-rtl #search-form {left: 0} 

#search-form fieldset { height: 100% ; white-space:nowrap}
.html-ltr #search-form fieldset { padding: 20px 4px 0 20px;}
.html-rtl #search-form fieldset { padding: 20px 20px 0 4px;} 

#search-form legend { display: none; }
#search-form ol { margin: 0; padding: 0; }
#search-form #span-query { width: 55%; }

#search-form #span-query label { display: none; } /* label is hidden by default when JS isn't available */

#search-form #span-query label { position: absolute;  top: 22px; }
.html-ltr #search-form #span-query label { left: 17px; padding: .2em 5px .2em 32px; }
.html-rtl #search-form #span-query label { right: 17px; padding: .2em 30px .2em 5px; }

#search-form #search_query { width: 40%;}  
.html-ltr #search-form #search_query {  padding: .2em 5px .2em 24px;}
.html-rtl #search-form #search_query {  padding: .2em 24px .2em 5px;}

#search-form #search_type { width: 37%; padding: .3em 0 .2em 0;  }
#search-form #search_type option { min-width: 14em; }

.html-ltr #search-form #my-submit { margin-left: 10px; }
.html-rtl #search-form #my-submit { margin-right: 10px; }


/*** =Footer ***/
#footer { position: relative; width: 100%; clear: both; padding: 1em 0;  min-width: 770px;}
#footer-lang-form { position: relative; max-width: 900px; min-width: 770px;}
.html-ltr #footer-lang-form {padding: 0 50px; margin: 0 auto;}
.html-rtl #footer-lang-form {padding: 0 0 0 50px; margin: 0 0;}

.html-ltr #footer-lang-form p { position: absolute; right: 50px; }
.html-rtl #footer-lang-form p { position: absolute; left: 50px; }

#footer-legal { max-width: 900px; margin: 0 auto; padding: 0 50px;  min-width: 770px;}
#copyright { margin-bottom: 0; }
#nav-legal li { display: inline; margin-right: .5em; }
#footer-disclaimer { margin-top: 1em; }

/*** =Content layout ***/
#content { clear: both; position: relative; padding: 1em 50px; max-width: 950px; margin: 0 auto 1em; min-width: 770px; }
#content-main { position: relative; margin-left: 20%; min-height: 26em; }
#content.main-page #content-main, 
#content.detail-page #content-main, 
#content.reviews-page #content-main, 
#content.versions-page #content-main { width: 60%; padding-right: 20%; }
#content-main.full { margin-left: 0; }
#content.detail-page #content-main.full, 
#content.reviews-page #content-main.full, 
#content.versions-page #content-main.full { width: 75%; padding-right: 25%; }
#secondaries .sub { width: 48%; }
#secondaries #feature3 { float: right; }
#secondaries #feature2 { float: left; }

#content #sidebar { position: absolute; left: 79%; top: 1em; width: 16.2%; }

/*** =Extra content ***/
#content-extra { position: absolute; right: 0; top: 0; width: 23%; }

#content-extra .extra { margin-bottom: 1em; padding: 10px 15px;}

#content-extra h3 { margin-bottom: .75em; }
.html-ltr #content-extra ul { margin: 0 0 0 15px; }
.html-rtl #content-extra ul { margin: 0 15px 0 0; }
#content-extra p.view-all { margin-bottom: 2em; }
.html-rtl #content-extra p.view-all {margin-right: 4px}

/*** =Categories ***/
#categories { margin-bottom: 1em; position: relative; z-index: 5; }
#categories h3 { margin: 0 -1px; padding-left: 6px; }
#categories.collapsed h3 { padding-left: 18px; }
#categories h3 span { display: block; padding: 8px 4px; }

#categories, #categories.collapsed #cat-list { padding-bottom: 6px; }
#categories.collapsed h3 span { text-indent: 4px; padding-left: 0; }
#cat-list { margin-left: 0; }
#cat-list li { padding-right: 1px; }
#cat-list a, #cat-list span { display: block; padding: .5em 10px; }

#categories.collapsed h3 { cursor: pointer; }
#categories p { margin: 0 -1px -6px; padding: .6em 10px; }
#categories.collapsed #cat-list { position: absolute; left: -999em; top: -999em; }
#categories.collapsed #cat-list.visible { margin: 0 -1px; width: 100%; left: 0; top: 3.35em; height: auto; overflow: visible; z-index: 99; }
#categories.collapsed #cat-list a:active, #categories.collapsed #cat-list a:focus { position: absolute; left: 999em; top: 1002.4em; width: 85%; }
#categories.collapsed #cat-list.visible a:active, #categories.collapsed #cat-list.visible a:focus { position: static; width: auto; }

/*** =Content-main, general styles ***/
#content-main p, #content-main ul, #content-main ol { margin-bottom: 1.25em; }
#content-main li { margin-bottom: .5em; }
#content-main li ul, #content-main li ol { margin-left: 15px; }

/*** =Add-on boxes ***/
.addon { position: relative; min-height: 160px; padding: 18px 20px 10px; margin-bottom: 0.5em; }
.addon .vex { height: 10px; width: 100%; position: absolute; left: 0; bottom: 0; }
.addon .vex span { display: block; height: 10px; margin-left: -1px; }
.addon .name { padding-left: 44px; position: relative; }
.addon .name img { position: absolute; left: 0; }
.addon .author { margin: 0 0 1.25em 44px; }
.addon .preview-img { position: absolute; left: -1px; top: 0; padding: 18px 0 0 20px; width:200px; height:150px; overflow:hidden;}
.addon .flag { position: absolute; left: -1px; top: 0; padding: 5px 10px 3px 10px; z-index: 5; }
.rec, .exp { min-height: 170px; }
.rec .preview-img, .exp .preview-img { padding: 2.5em 0 0 20px; }

/* =Primary featured add-on */
.main { padding-left: 240px; min-height: 220px; }
.main .rating { position: absolute; left: 20px; top: 180px; width: 200px; }
.main .stats { position: absolute; left: 20px; top: 180px; width: 200px; margin-top: 2em; }

/* =Secondary featured add-ons */
.sub { position: relative; padding: 0; }
.sub .irk { margin-left: -1px; padding: 14px 20px 8px; }
.sub .vex { padding: 0; left: 0; }
.sub .name { margin-bottom: 0; }
.sub .preview-img { position: static; padding: 0;}
.sub .rating { position: static; width: 40%; padding-right: 10%; float: left; }
.sub .rating img { display: block; }
.sub .more-from { clear: both; }

/* =Listing items */
#content-main #addon-listing { margin-left: 0; }
#addon-listing .addon { padding: 18px 240px 10px; margin-bottom: 1em; }
#addon-listing .preview-img { position: absolute; left: -1px; top: 0;}
#addon-listing .rating { display: inline; margin-right: 2em; }
#addon-listing .more { display: inline; margin: 0; padding: 0; }
#addon-listing .more li { display: inline; margin: 0 10px 0 0; padding: 0 15px 0 0; }
#addon-listing .desc { margin-top: .5em; }

/*** =Install button ***/
.install-button:after, .install-container:after {content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;} /* clear floats */
.install-button a { float: left; cursor: pointer; }
.install-button a * { display: block; float: left; position: relative; }
.install-button a span { padding: 0 0 0 6px; }
.install-button a span span { padding: 0 0 8px 0; }
.install-button a span span span { left: -6px; padding: 0 0 6px 0; }
.install-button a span span span strong { right: -6px; padding: 10px 45px 0 6px; }

#addon-listing .install-container { position: absolute; right: 0; top: 20px; max-width: 180px; padding: 0 15px; }
#addon-listing .install-container .install-button { margin-bottom: .5em; float: right; }

#addon-listing .exp .exp-loggedout { float: right; }
#addon-listing .exp .exp-loggedout .install-button { float: none; }

.exp-loggedout { float: left; padding: 5px 5px 3px 8px; }
.exp-loggedout .install-button { margin-top: 3px; margin-right: -3px; }
#content-main .exp-loggedout p.install-button { margin-bottom: 0; }

/*** =Pitch ***/
.pitch { margin-bottom: 1em; padding: 10px; }
.pitch h3, .pitch p { margin-bottom: 1em; }
.html-rtl .pitch ul { padding-right: 15px;}
.pitch h3 img { float: left; margin: -4px 10px 0 0; }

/*** FRA ***/
.message-user {
	background-color: #fBfBfA; font-style:italic; margin-bottom:0px; padding: 4px; margin-bottom: 2px !important;
	}
.message-scoopark {
	background-color: white; color: black; font-weight: bold; padding: 4px;
	}

/*** =Landing pages ***/
.recommended { padding: 0 1% 10px; width: 98%; float: left; margin-bottom: 1em; }
.recommended .addon { float: none; }

#content.wide .recommended .addon { width: 20%; padding-left: 26.5%; min-width: 100px; margin-bottom: 0; }
#content.wide .recommended .addon .preview-img { width: 45%; }
#content.wide .recommended #feature1 { float: left; }
#content.wide .recommended #feature2 { float: right; }

#content.landing #secondaries { float: left; }
#content.landing #secondaries .sub { float: left; width: 30.5%; margin-right: 2.5%; }
#content.landing #secondaries .sub .irk { padding-top: 2.2em; }
#content.landing #secondaries .sub .vex { padding-top: 0; }
#content.landing #secondaries .exp .preview-img { padding: 0;}
#content.landing #secondaries .addon .preview-img { padding: 0; width:180px;}

/* Without a recommended box */
#content.landing #secondaries { width: 77%; }
#content.landing #content-extra { width: 23%; }

/* When there is a recommended box...
#content.landing #secondaries { width: 76%; padding-left: 1%; }
#content.landing #content-extra { width: 22%; margin-right: 1%; }
*/

#content.landing #content-extra { position: static; float: right; }
#content.landing.languages #content-extra { margin-right: 0; }
#content.landing .more-addons { margin: 0 0 1em; padding: 6px 10px 0; }

#content.landing.browse #secondaries { width: 50%; }
#content.landing.browse #secondaries .sub { width: 47%; }
#content.landing.browse #secondaries #feature4 { margin-right: 0; }
#content.landing.browse #content-extra { width: 47%; }
#content.browse .more-addons h3 a.view { display: inline; }

.browse-list { list-style: none; margin: 0; width: 100%; overflow: auto; }
.browse-list li { width: 48%; margin: 0 0 3px 1%; float: left; }
.browse-list a { display: block; padding: 3px 5px; }

#content.landing.languages .sub { width: 23.75%; margin-right: 2%; float: left; }
#content.landing.languages #feature3 { margin-right: 0; }

/*** =Dictionaries ***/
#dictionaries { margin-top: 1.5em; clear: both; padding: 10px 15px; }
#dictionaries table { width: 100%; }
#dictionaries th, #dictionaries td { padding: 6px 12px; }

/*** =Detail page ***/
#addon-summary { padding-left: 240px; min-height: 225px; }
#addon-summary .name { margin-bottom: 0; }
#addon-summary .preview-img { position: absolute; left: -1px; top: 0; padding: 18px 0 0 20px;}
#addon-summary.exp .preview-img, #addon-summary.rec .preview-img { padding-top: 2.5em; }
#addon-summary .rating img { display: block; }
#addon-summary .rating { position: absolute; left: 20px; top: 180px; width: 200px; }
#addon-summary .stats { position: absolute; left: 20px; top: 180px; width: 200px; margin-top: 3.5em; }

.addon-cats { margin-left: 0; }
.addon-cats li { display: inline; padding-left: 1em; margin-right: .5em; }
.addon-cats li:first-child { padding-left: 0; }

#addon-info, #addon-advanced { padding: 8px 15px; margin-bottom: 1em; }

.addon-images { margin: 1em auto 1.5em; }
.addon-images li { display: inline; margin-right: 10px;  }
.addon-images a img { margin-bottom: 10px; }

#addon-advanced { position: relative; }
#addon-advanced h5 { margin-top: 1em; }
#addon-advanced .expand-control { position: absolute; top: 1em; cursor: pointer; }
.html-ltr #addon-advanced .expand-control {right: 18px;}
.html-rtl #addon-advanced .expand-control {left: 18px;}
.html-ltr #addon-advanced .expand-control a { padding-right: 16px; }
.html-rtl #addon-advanced .expand-control a { padding-left: 16px; }

#addon-advanced.collapsed { height: 2.3em; overflow: hidden; }

/* =Reviews Page */
#content .addon-reviews { margin-left: 0; }
#content .addon-reviews blockquote { margin: 0; }
#content .addon-reviews li { padding: 8px 10px; }
#content .addon-reviews .cite { font-size: 95%; margin-bottom: 0; }

#content-extra ul.nav-addon { list-style: none; margin-left: 0; padding-left: 0; }

/* =Version History Page */
#latest-version { width: 96%; float: left; margin-bottom: 1.5em; padding: 8px 2%; }
#latest-version h4 { float: left; }
#latest-version .install-button { float: right; margin-bottom: 0; }
#content .addon-versions { margin-left: 0; padding-left: 0; list-style: none; }
#content .addon-versions li { padding: 8px 10px 0; }
#content .addon-versions h3 { margin-bottom: .5em; }

/* For romanticized version - These rules will probably go away */
#content .version-details, #content .version-links { list-style: none; margin-left: 0; padding-left: 0; }
#content .version-details li, #content .version-links li { padding: 0; border: 0; }
#content .version-links li { margin-bottom: .25em; }
#content .version-details em, #content .version-links em { font-style: normal; color: #888; }

/* =Review miniform */
#form-review { position: relative; margin-bottom: 1em; padding: 10px; }
#form-review textarea { width: 98%; margin: 0 auto .5em; }
#form-review #review-submit { width: 100%; clear: both; margin-top: -1.5em; }
#form-review .disabled {background: #eee;}
#form-review h3 {display:inline;}
#form-review .login {display:inline; font-size: 92%;}
#form-review .login a:link, #form-review .login a:visited {text-decoration:none;}
.html-ltr #form-review #review-submit { float: left;}
.html-rtl #form-review #review-submit { float: right;}
.html-ltr #form-review #review-submit input { float: right; }
.html-rtl #form-review #review-submit input { float: left; }


/* =Star rating */

#rate-it {
    margin-bottom: 1em;
}

#rate-it h4 {
    float:left;
    width: 6em;
    font-size: 110%;
}

.html-rtl #form-review #rate-it h4 { 
    float:right; 
}

#rate-it .stars {
    display:block;
    float:left;
    width: 90px;
    margin: 0.3em 0 0 0;
}

#form-review #rate-it .degrade {
	margin-left: 0;
	width: 145px;
}

#form-review #rate-it .degrade p {
	margin: .2em 0;
}

#rate-it .rating {
    cursor: pointer;
    margin: 2em;
    clear: both;
    display: block;
}
#rate-it .rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

#long-review .stars {
    margin: 0;
}

#long-review .degrade {
    margin-left: 14em;
}

#long-review .stars p {
    margin: 0.2em 0;
}

#long-review .rating {
    margin: 1em 0;
}

/* =Base star styles*/
.stars input {
	margin: 0 4px;
}

.stars {
	zoom:1;
}

.stars .cancel,
.stars .star{
    float: left;
    width: 12px;
    height: 14px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.html-rtl .stars .star, 
.html-rtl .stars .cancel {
	float:right;
}

.stars .cancel a, 
.stars .cancel a {
	background: url(../img/ratings_images.gif) no-repeat;
}

.stars .star a, 
.stars .star a {
	background: url(../img/ratings_images.gif) no-repeat;
}
 
.stars.cancel a,
.stars .star a, 
.stars .cancel a, 
.stars .star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 -25px;
    border:1 solid #FF0000; 
}

.stars .cancel a, 
.stars.cancel a {
    background-position: 0 2px;
}

.stars div.star_hover a,
.stars div.star_hover a {
    background-position: 0 -38px;
}

.stars div.cancel_on a, 
.stars div.cancel_on a {
    background-position: 0 -11px;
}

.stars div.star_on a, 
.stars div.star_on a {
    background-position: 0 -38px;
}

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

/* =More add-ons */
.more-addons { padding: 10px; }
.more-addons h3 a.view { display: block; padding-right: 30px; padding: .2em 30px .2em 0; }
.more-addons h4 { margin-top: 1.5em; }
#content.landing #content-extra .more-addons ul { margin-left: 0; }

/*** =Pagination ***/
.pagination { position: relative; padding: 8px 10px 0; margin-top: 1em; }
.pagination p.count { position: absolute; left: 10px; margin: 0; }
.pages { margin: 0; }
.pages li { display: inline; margin: 0 2px; }
.pages a { padding: 3px 6px; }
.pages .current strong { padding: 3px 6px; }
.pages .prev a { padding-left: 15px; }
.pages .next a { padding-right: 15px; }
.pagination p.perpage { position: absolute; right: 10px; margin: 0; display: inline; }
.pagination p.perpage em, .pagination .perpage a { margin: 0 .3em; }

/*** =Listing control bar ***/
#form-listcontrol { position: relative; margin-bottom: 1em; padding: 8px 20% 8px 18%; }
#form-listcontrol p, #form-listcontrol ul { margin: 0; }
#form-listcontrol #per-page { position: absolute; top: 8px; left: 10px; padding-top: 6px; }
#order-by li { display: inline; margin: 0 2px; }
#order-by button { cursor: pointer; padding: 8px 2px; width: 18.5%; }
#order-by button.current, #order-by button.current:hover { cursor: default; }
#form-listcontrol #experimental { position: absolute; top: 8px; right: 10px; width: 140px; }
#form-listcontrol #experimental label { display: block; cursor: pointer; padding: 4px 0 4px 30px; }
#form-listcontrol #experimental label input { position: absolute; left: 6px; top: 20%; }


/*** =Developer addon add agreement ***/
#developerAgreement ul { list-style-type: disc; margin-top: 5px;}