/* $Id: style.css,v 1.0.1.7 2/17/05 8:56:07 PM Exp $  */
/* SpreadFirefox */
/*<group=HTML>*/

body {
  color: #333;
  font-family: verdana, sans-serif;
  padding: 0;
  margin: 0;
}
p {
  padding: 0;
  margin: 0;
  margin-bottom: 0.8em;
} 
hr {
  border: 1px dashed #666;
}
pre {
  background-color: #efefef;
  padding: 0.75em 1.5em;
  border: 1px solid #ddd;
  width: 90%;
  overflow: scroll;
}
code {
  white-space: pre;
}
pre code {
  overflow: auto;
  margin: 1em .5em;
  padding: .2em;
  border: solid 1px;
}
img { 
  border: 0; 
}
blockquote {
  border: 0 #ddd dashed;
  border-width: 1px 0;
  margin: 0.5em 1.0em;
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.2em 0;
  padding: 0 0 0.1em 0;
  border-bottom: 1px solid #ccc;
  font-family: arial, verdana, sans-serif;
}
h3 { 
  padding-bottom: 0.2em; 
  margin-bottom: 0; 
}
h6 { 
  border: 0; 
}

  /*</group>*/

  /* Font sizes, font faces, font-style */
/*<group=Typography>*/
/*<group=color>*/
.gray {color:#999;}
#download-count {color: #1F2A45;}
/*</group>*/

body {
  font-size: 76%;  
}
code {
  font-family: 'andale mono', 'Courier New', Monaco, monospace;
}
#header, .main-content, #footer {
  font-family: verdana, sans-serif;
}
h1, h2, .form-item label, .main-content .node .links, #download-count {
  font-weight: normal;
}
blockquote, .description, #help, .main-content .links .read-more {
  font-style: italic;
}
h3, h4, h5, h6, #site-name, #site-slogan, .main-content .breadcrumb, .comment .title, .comment-folded .subject, #help:before, fieldset legend, input[type="submit"], .comment .new, .comment-folded .new, #block-user-1 h2 span {
  font-weight: bold;  
}
#site-name {
  font-size: 2.5em;
}
#mission h2 {
  font-size: 2.25em;
}
#content-title, #title, h1, #maintitle, .main-content h2, .main-content .box h2, .main-content .node h2 { 
  font-size: 160%; 
}
h2, pre, #site-slogan, form #body, .form-item textarea, form #signature {
  font-size: 150%;
}
h3, #download-count, .sidebar .block h2, .item-list .title, .comment .title, .comment-folded .subject, button.form-submit, form #title, #block-user-1 h2 span, code {
  font-size: 120%;
}
#block-affiliates-0 .user-status {
  font-size: 110%;
}  
h4, h5, h6, #search .form-text, #sidebar-left h2, .sidebar .block-search .form-submit, .sidebar .block .content, #main-nav a, fieldset legend, .form-item label, .comment select, #pager, input, textarea, #footer, #block-user-1 .content .menu  {
  font-size: 100%;
}
#sidebar-left .block .content {
  font-size: 95%;
}
.main-content .node .info, small, #header form label, #header form input, #header form #submit, #breadcrumbs, .main-content .breadcrumb, .main-content td, .main-content th, #help, #recent-affiliate, #block-affiliates-0, #block-block-25 .earners, #block-block-25 .h-nav-list, #block-user-0 .item-list {
  font-size: 90%;
}
.node .links, .comment .links, smaller, .comment .new, .comment .author, span.credit, .comment-folded .new, .box select {
  font-size: 76%;
}
  /*</group>*/

/*<group=Header>*/

/* Header #105D90 */

#header {
  background:  #416E9A url("/images/bg_header_bottom_left.gif") bottom left repeat-x;
  position: relative;
  min-height: 39px;
  height: 5em;
  padding: 0;
  margin: 0;
  margin-bottom: 1em; 
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 3em;
  padding: 15px 0;
} #ignored {}
#header h1 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 2px;
  border: none;
  background: url("/images/bg_header_top_left.gif") no-repeat;
  height: 8px;
  z-index: 100; /* above the UL */
}
#header h1 a {
  display: block;
  width: 330px;
  height: 60px;
  background: transparent url("/images/logo.png") no-repeat;
  text-indent: -700em;
  text-decoration: none;
}

/* Search Field */

#header form {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 20px 0 0;
  background: url("/images/bg_header_top_right.gif") no-repeat top right;
  margin: 0; /* need for IE Mac */
  text-align: right; /* need for IE Mac */
  white-space: nowrap; /* for Opera */
}
#header form label { 
  color: #fff;
  font-weight: bold;
}
#header form #submit {
  background: #105D90;
  color: #fff;
  padding: 1px 4px;
  border-right: 1px solid #283043;
  border-bottom: 1px solid #283043;
  border-top: 1px solid #9097A2;
  border-left: 1px solid #9097A2;
}
#header form #keys {
  width: 170px;
  font-size: 85%;
  border:  1px solid #9097A2;
  background: #EAEBEB url(/images/bg_input.png) bottom repeat-x;
  padding: 2px;
}
#header form #q:hover, #header form #q:focus {
  background: #fff;
}
#site-name, #site-name a, #header a { 
  color: #fff; 
  text-decoration: none; 
}
#site-name {
  margin: 4px 0 0 4px;
}
   
  /*</group>*/
/*<group=Navigation>*/

#header ul {
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0 15px 0 0;
  list-style: none;
  background: url("/images/bg_header_bottom_right.gif") no-repeat bottom right;
  z-index: 90; /* below the H1 */
}
#header li {
  float: right;
  background: transparent url("/images/header_tab.png") 100% -600px no-repeat;
  padding: 0 6px 0 0;
  margin: 0 1px 0 0;
  display: inline;
  white-space: nowrap;
  border-bottom: 1px solid #515358;
}
#header ul a {
  float: left;
  display: block;
  padding: 4px 4px 4px 10px;
  background: transparent url("/images/header_tab.png") 0% -600px no-repeat;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#header ul li:hover a { 
  background-position: 0% -400px; 
}
#header ul li:hover { 
  background-position: 100% -400px; 
}
#current a {
  color: #C20508;
  text-decoration: underline;
}
#main-nav a:link, #main-nav a:visited {
  text-decoration: none;
}
#main-nav a:hover {
  color: #C20508;
}
#breadcrumbs {
  display: block;
  margin: 6px 0;
  padding: 0;
}  
#breadcrumbs:before {
  content: "You are here: ";  
}
#breadcrumbs span, .breadcrumb {
  display: inline;  
  padding-bottom: 0;
  padding: 0;
  margin: 0;
}
/* General Unordered List Navigation */
.h-nav-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.h-nav-list li {
  display: inline;
  margin: 0;
}
.h-nav-list li a {
  border-right: 1px solid #333;  
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
}
.h-nav-list li.last a {
  border-right: 0;  
  margin-right: 0;
  padding-right: 0;
}
.h-nav-list li.first a {
  border-left: 0;  
  margin-left: 0;
  padding-left: 0;
}
  /*</group>*/
/*<group=Search>*/

#search form {
  margin: 0 6px;
  padding: 0;
  padding-bottom: 1.0em;
}
#search .form-text {
  margin: 0;
  padding: 2px;
  width: 100px;
  border: 1px solid #1395D2;
}
#search .form-submit {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
  /*</group>*/
/*<group=Footer>*/

/* Footer */
#footer {
  border-top: 1px solid #666;
  margin: 2em 0;
  padding: 1em 0;
  text-align: left;
  color: #666;
}  
#footer span, #footer a {
  white-space: nowrap;
  padding: 0 1em;
}  
#footer p span, #footer p a {
  white-space: nowrap;
  padding: 0 0.3em;
}
#footer span a {
  padding: 0;
}
#footer ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}
#footer li {
  display: inline;
  padding: 0 20px 0 0;
  margin: 0;
  white-space: nowrap;
}  
#footer p {
  margin: 0.6em 0;
}
#footer p, #footer p a {
  color: #666;
}
#footer a {
  color: #666;
  text-decoration: underline;  
}
#footer p a:hover {
  color: #000;
}
   
  /*</group>*/

/*<group=Main Content>*/
/*<group=Intro Block>*/

#million-feature {
  background: #ffffe5 url(/images/feature_bg_globe.png) top right no-repeat;
}

#feature-content {
  padding: 0 300px 10px 0;
}
#feature-content h2 {
  text-indent: -1000em;
  height:  50px;
  width:  440px;
  padding: 0;
  margin: 0;
  background: url(/images/feature_h2.png) top left no-repeat; 
  border: 0;
}
#feature-content p, #feature-content .download {
  margin: 0 0 1.0em 1.0em;
  line-height: 140%;
}
#featurelink {
  display: block;
  width: 300px;
  height: 235px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: none;
  text-indent: -2500px;
}
div.extrainfo {
  margin-top: 10px;
}
a#shopLink {
  display: block;
  padding: 2px 4px 10px 32px;
  background: url(http://www.mozilla.org/images/front-shop.gif) no-repeat;  
}

  /*</group>*/
/*<group=Mission>*/
#mission:before {
  line-height: 0.1;
  font-size: 1px;
  background: transparent url("/images/menu_tr.gif") no-repeat top right;
  margin: 0;
  height: 9px;
  display: block;
  content: url("/images/key-point_tl.gif");
}
#mission h2 {
  padding: 0 0.5em;
  margin: 0;
  border: 0;
  display: block;
  border-right: 1px solid #D1D1B8;
}
#mission {
  background-color: #ffffe5;
}
#mission:after {
  display: block;
  padding-top: 0;
  line-height: 0.1;
  font-size: 1px;
  content:  url("/images/feature_bl.png");
  margin: 0;
  height: 8px;
  background: transparent url("/images/feature_br.png") scroll no-repeat bottom right;
}
  
  /*</group>*/
#recent-affiliate {
  padding: 0.5em;
  padding-left: 38px;
  margin: 1.0em 0;
  color: #74230D;
  background: #ffc url(/images/ffico.png) 0 50% no-repeat;
}
#message {
  padding: 0.5em;
  margin: 1.0em 0;
  background: url(/images/bg_message.gif) top left repeat;
}
#content-title, #title {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.main-content {
  padding: 0;
  margin: 0;
  line-height: 1.3; /* value other than 'normal' needed for WinIE */
}
.main-content .node {
  margin: 0 8px;
  margin-bottom: 1.0em;
}
#content-title, #title, .main-content h2, .main-content h2 a {
  color: #000;
}
.main-content h2 a {
  text-decoration: none;
}
.main-content h2 a:link { 
  color: #000; 
}
.main-content h2 a:visited { 
  color: #000; 
}
.main-content h2 a:hover { 
  color: #039; 
}
.main-content .node .content, .comment .content {
  line-height: 150%;
}
.main-content .node .content {
  padding: 5px 10px;
  margin: 0;
}
.main-content .node .info {
  margin: 0;
  color: #777;
  background-color: transparent;
}
.main-content .node .links, .main-content .comment .links {
  padding: 5px 0;
  margin: 1em 8px;
  border-top: 1px dotted #ddd;
  text-align: right;
}
.main-content .comment .links {
  margin-bottom: 0;
}
.main-content .links .read-more {
  background: transparent;
} 
.main-content .breadcrumb {
  padding: 0px;
  margin: 0 0 10px 10px;
  color: #6b0;
} 
.main-content .breadcrumb a:first-letter {
  text-transform: uppercase;
}
/* Box Formatting */
.main-content .box {
  background-color: #EDF3F9; 
  border: 1px solid #CFE4F3;
  padding: 0;
  margin: 0 1.0em 2.0em 1.0em;
}
.main-content .box h2 {
  padding: 5px 5px 0 10px;
  margin: 0;
  color: #3579B2;
  background-color: #CFE4F3;
  border-bottom: 1px dotted #3579B2;
}
.main-content .box .content {
  padding: 0.5em;
}
/* Comments & Related Tools */  
.comment {
  padding: 1.0em;
  margin: 0.5em 0;
}  
.comment-folded {
  padding: 0.5em;
  margin: 0.5em 0;
}
.comment-folded .new {
  text-align: right;
  float: right;
  color: #fc0;
}
.comment-new {
  border-left: 1.0em solid #EDF3F9;
  margin: 0 1.0em 2.0em 1.0em;
  padding-left: 1.5em;
  background-color: #e7e7e7;
}
.comment .title, .comment-folded .subject {
  color: #777;
}
.comment .new {
  text-align: right;
  float: right;
  color: red;
}
.comment .author, span.credit {
  color: #999;
  padding-bottom: 1.0em;
}
.comment .content {
  padding-top: 0.5em;
  margin-left: 1.0em;
}
.description, #help {
  padding: 0.5em 1.0em;
  margin: 1.0em 0 6px 0;
  line-height: 1.4em;
  color: #333;
}
.description {
  border: dotted #999;
  border-width: 1px 0;
}
.description:before {
  content: "Note: "; 
  color: #004D81;
}
#help { 
  cursor: help;
  background: url(/images/bg_help.gif) top left repeat;
}
#help:before {
  content: "Help: ";
  font-style: normal;
  font-weight: normal;
}
   
  /*</group>*/

/*<group=Sidebar>*/
.sidebar {
  padding: 0;
  margin: 0;  
}
.sidebar table, .sidebar th, .sidebar td {
  border: 0;
}
.sidebar .block h2 {
  padding: 5px;
  margin: 0;
  margin-top: 1.0em;
  color:  #af0002;
}
.sidebar .block {
  margin-left: 0;
  padding: 0;
}
.sidebar .block .content {
  padding: 0;
  margin: 0 6px;
}
.sidebar .block .item-list li {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0.5em;
  list-style: none;
}
.sidebar .block .content .xml-icon {
  text-align: center;
  padding: 1.0em 0;
}
.sidebar .block input.form-text {
  width: 120px;
}
.sidebar .block-search input.form-text {
  width: 100px;
  padding: 1px;
  margin-right: 5px;
}
.sidebar .block-search button.form-submit { 
  width: 60px;
}
#block-block-18 h2 {
  display:none;
}
/*<group=Affiliates & Earners>*/
#block-affiliates-0 h3, #block-block-25 .earners h3 {
  clear:both;
  display:block;
  margin-top: 0;
  color: #2E9A11;
}
#block-block-25 .earners h3 {
  margin-top: 1.0em;  
}

#block-affiliates-0 ol, #block-affiliates-0 li,  #block-affiliates-0 dl, #block-affiliates-0 dt, #block-affiliates-0 dd, #block-block-25 .earners ol, #block-block-25  .earners li, #block-block-25 .earners dl, #block-block-25 .earners dt, #block-block-25 .earners dd {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#block-affiliates-0 li, #block-block-25 .earners li {
  display: block;
  /*clear: both;*/ /* FIXME */
  padding: 4px 8px;
  border-bottom: 1px solid #C0E5A1;
}

#block-affiliates-0 li {
  height: 1.2em;
}
#block-affiliates-0 li.light, #block-block-25 .earners li.light {
  background-color: #E1F9CC;
}
#block-affiliates-0 li, #block-affiliates-0 li a, #block-block-25 .earners li, #block-block-25 .earners li a {
  color: #09C;
}
#block-affiliates-0 li.light a, #block-block-25 .earners li.light a {
  color: #51749B;
}

	
#block-affiliates-0 .more-link, #block-block-25 .earners .more-link {
  text-align: center;
  margin-bottom: 2.0em;  
}

#block-affiliates-0 dt, #block-block-25 .earners dt {
  display: inline;
  float: left;
}

#block-affiliates-0 dd.status, #block-block-25 .earners .status {
  clear:none;
  padding-left: 6px;
  font-weight: bold;
  color: #CE510D;
  float: left;
}
#block-affiliates-0 dd.sfx-page, #block-block-25 .earners dd.sfx-page {
  clear: right;
  display:block;
  float: right;
}

#block-affiliates-0 dd.d-pr, #block-block-25 .earners dd.d-pr {
  clear: right;
  display:block;
  float: right;
  font-weight: bold;
  color: #CE510D;
}

#block-affiliates-0 .user-status, #block-block-25 .earners .user-status {
  color: #CE510D;
  text-align: center;
  padding: 4px;
  margin-top: 1.0em;
  background-color: #E1F9CC;
  border: 2px solid #C0E5A1;
}  

  /*</group>*/
/*<group=Sidebar Right>*/
#sidebar-right .block {
  width: 247px;
  background: repeat-y left top url(/images/sidebar_box_bg.png);
  margin: 0;
  padding: 0;
}
#sidebar-right .block h2 {
  background: no-repeat top left url(/images/sidebar_box_top.png);  
  margin: 0;
  width: auto;
  padding: 0.8em 1.0em 0.5em 0.9em; 
  color: #af0002;
  font-weight: bold;
  border: none;
}
#sidebar-right .block .content {
  background: no-repeat bottom left url(/images/sidebar_box_bottom.png);  
  width: auto;
  margin: 0;
  padding: 0 1.0em 1.5em 1.0em;
}
/*<group=Campaign styles>*/
.sidebar #block-block-27 h2, #sidebar-right #block-block-30, .sidebar #block-block-17 h2, .sidebar #block-block-5 h2, .sidebar #block-block-25 h2, .sidebar #block-block-20 h2 {
  display: block;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -1000em;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  width: 247px;
  height: 40px;
}

/*</group>*/
/*<group=Downloads Progress Meter Styles>*/
#sidebar-right #block-block-5 {
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/sidebar_box_black_bg.png); 
  height: 216px; 
}
#sidebar-right #block-block-5 h2 {
  background: transparent url("/images/meter_h2_black.png");
  padding: 0; 
}
#sidebar-right #block-block-5 .content {
/*  background: no-repeat bottom left url(/images/sidebar_box_blue_bottom.png);  */
  padding: 0;
  background-image: none;
}

/* Melted Download Counter */
#sidebar-right #block-block-30 {
  background-image: url(http://www.spreadfirefox.com/images/counter_meltdown.png); 
  height: 210px; 
}
#sidebar-right #block-block-30 h2 {
  display: none;
  background: none;
  padding: 0; 
}
#sidebar-right #block-block-30 .content img {
  display: none;
}
#sidebar-right #block-block-30 .content {
  background-image: none;  
  width: auto;
  padding: 0;
}

/* Text-only Download Counter */
#sidebar-right #block-block-31 {
  background-image: none;
  padding-bottom: 0.5em;
}
#sidebar-right #block-block-31 h2 {
  display: none;
  background: none;
  padding: 0; 
}
#sidebar-right #block-block-31 .content {
  background-image: none;  
  text-align: right;
  width: auto;
  padding: 0;
  padding-bottom: 0.5em;
}
#download-count {
  text-spacing: -1px;
  font-family: "Lucida Grande", Lucida, sans-serif;
}
/*</group>*/
/*<group=User Progress Meter Styles>*/
.sidebar #block-block-17 h2 {
  background: transparent url("/images/meter_h2_users.png");
}
  
/*</group>*/
/*<group=Photo Progress Meter Styles>*/
.sidebar #block-block-20 h2 {
  background: transparent url("/images/meter_h2_photos.png");
}

/*</group>*/
/*<group=NYTimes Progress Meter Styles>*/
.sidebar #block-block-25 h2 {
  background: transparent url("/images/meter_h2_nytimes.png");
}

/*</group>*/
/*<group=College Reps Styles>*/
.sidebar #block-block-27 h2 {
  background: no-repeat transparent url("/images/sidebar_h2_collegereps.png");
  height: 25px !important;
}

/*</group>*/
/*<group=block-contact>*/  
.block-contact form input[type="submit"] {
  margin-top: 0;
}

/*</group>*/
/*</group>*/

  /*</group>*/

/*<group=Tables>*/

.main-content table {
  width: 99%; /* needed for IE */
  overflow: scroll;
  border: 1px solid #BDCEE1;
  padding: 0;
  margin: 0;
  margin-bottom: 1.0em;  
}
td, th, .main-content td {
  border: 0px solid #BDCEE1;
  padding: 2px;
  margin: 0;  
  vertical-align: top;
}
.main-content th {
  border: 0;
  border-bottom: 1px solid #BDCEE1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}
tr.dark {
  background-color: #e7e7e7; 
}
tr.light {
  background-color: #efefef; 
}
td.watchdog-special {
  background-color: #C9DCEF;
}
td.watchdog-user {
  background-color: #EFEAC9;
}
  /*</group>*/

/*<group=Forms>*/
/*<group=Fieldset>*/
.main-content fieldset legend {
  display: block;
  color: #039;
}
.main-content fieldset {
  color: #333;
  border-style: solid;
  border-color: #999;
  border-width: 0 1px 1px 0;
  background-color: #f7f7f7;
  padding: 1.0em 0.5em;
}
  /*</group>*/

/*<group=Content Creation Elements>*/
.main-content form .form-text,
.main-content form textarea,
.main-content form#node-form textarea#body,
.main-content form textarea{
  width: 93%;
}  
form #message {
  background-image: none; 
}
  /*</group>*/

/*<group=Form Element Styles>*/
/*<group=Labels>*/
form label:hover, form .form-item label {
  color: #333; 
  cursor: pointer;
}
form label:hover {
  color: #039;
  border-bottom: 1px solid #039;
}  
  /*</group>*/
form #title, 
.form-text,
.form-password, 
textarea {
  color: #333;
  padding: 2px 4px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e7e7e7;
  border-top-color: #999;
  border-left-color: #999;
}  
.form-radio, .form-checkbox {
  background-color: transparent;
  border: 0;  
}
input[name="edit[pass1]"], 
input#pass,
.block-user .form-submit {
  margin-bottom: 0.25em;
}  
select {
  background-color: #fff;
  color: inherit;
}
  /*</group>*/

/*<group=Submit Button>*/
input[type="submit"]:hover {
  background-color: #CDF2AE;
}
input[type="submit"]:focus {
  background-color: #CDF2AE;
  color: #009900;
  border-color: #ddd;
  border-bottom-color: #fff;
  border-right-color: #fff;
}
input[type="submit"] {
  color: #009900;
  
  background: #E5F4E5;
  border: 2px solid;
  border-color: #fff;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
 
  margin-left: 0;
}
 
 /* FIXME
 #EDF2F2;
 
  padding: 2px 4px;
  margin: 1.0em;
 */
  
  /*</group>*/

/*<group=Blocks>*/

/* User Login Block */
#block-user-0 {
  border: 1px solid #D0D9D9;
  padding: 10px;
  background-color: #EDF2F2; 
}
#block-user-0 .title {
  display: none; 
}
#block-user-0 .item-list ul, #block-user-0 .item-list li {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; 
}
#block-user-0 .item-list li {
  list-style-type: none;
  display: block;
}

#login-block, .block .user-login-block {
  text-align: left; 
}
.user-login-block input#name, 
.user-login-block input#pass {
  width: 90%; 
  margin: 0; 
}
.user-login-block .form-item,
.user-login-block .form-item label {
  margin: 0;
  padding: 0;
}
  /*</group>*/
   
  /*</group>*/
/*<group=Icons>*/
.main-content .item-list .icon {
  color: #aaa;
  padding-left: 0.25em;
}
.main-content .item-list .icon img {
  border: 0;
}
.main-content .item-list .icon a {
  color: #000;
  text-decoration: none;
}
.main-content .item-list .icon a:hover {
  color: #000;
  text-decoration: none;
}
.icon {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0 50%; 
}
.icon-mp3 {  background-image: url(/images/icon_mp3.png);}
.icon-avi {  background-image: url(/images/icon_avi.png);}
.icon-divx {  background-image: url(/images/icon_divx.png);}
.icon-tif {  background-image: url(/images/icon_tif.png);}
.icon-ai {  background-image: url(/images/icon_ai.png);}
.icon-psd {  background-image: url(/images/icon_psd.png);}
.icon-eps {  background-image: url(/images/icon_eps.png);}
.icon-png {  background-image: url(/images/icon_png.png);}
.icon-svg {  background-image: url(/images/icon_svg.png);}
.icon-zip {  background-image: url(/images/icon_zip.png);}
.icon-sit {  background-image: url(/images/icon_sit.png);}

/*</group>*/

/*<group=Lists>*/

ul.filter-tips-short {
  line-height: 1.0em;
  margin: 0;
  padding: 0;
}
.filter-tips-short li, .more-tips {  
  margin: 0;
  padding: 0;
}
#message .item-list, .main-content .item-list h3 {
  margin-top: 0; 
}
.main-content .item-list {
  margin: 0.5em 0;
}
.main-content .item-list .title {
  font-weight: bold;
  border: 0;
}
.main-content .item-list ul {
  list-style: none;
  margin: 0.3em 0 0.5em 0;
  padding: 0
}
.main-content .item-list ul.sub-list {
  list-style: none;
  margin: 0 0 0.75em 25px;
  padding: 0
}
.main-content .item-list ul li {
  margin: 0 0 0.25em 1.0em;
  padding: 0 0 4px 15px;
  line-height: 1.3em;
  list-style: none;
}
.main-content .file-list, .main-content .file-list li {
  list-style: none;
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0;
}

.main-content ul {
  line-height: 150%;
}
.main-content li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
dt {
  font-weight: bold;
}  
dd {
  margin: 0 0 1em 1em;
}
    
  /*</group>*/

/*<group=Links>*/
  
a, .content a, :link {
  color: #039;
  text-decoration: underline;
}
a:visited, .path a, .path a:visited {
  color: #636;
}
a:hover, .content a:hover {
  color: #333;
  text-decoration: underline;
}
a:active { 
  color: #000; 
}
#recent-affiliate a, #recent-affiliate :link {
  color: #952000;
  text-decoration: none;
}
#recent-affiliate :hover {
  color: #E38422;
  text-decoration: none;
}  
/* shop */

#shop a, #shop :link {
  color: #952000;
  text-decoration: underline;
  font-weight: bold;  
}
#shop :hover {
  color: #E38422;
  text-decoration: none;
  font-weight: bold;  
}  


  /*</group>*/

/*<group=Utility>*/
* html > .node_rating{
  clear: both; /* for IE */
}
.accesskey {
/*  text-decoration: underline; */
}
.update {
  border: 1px solid yellow; 
  padding: 10px; 
  background: url(/images/bg_help.gif) repeat scroll 0%;
}
:before {
  color: #004D81;
}
div.avatar { 
  float: right;
  border: 1px solid #ddd;
}
.avatar {
  margin: 0 0 10px 0;
}
.avatar-left {
  float: left;
  margin-right: 10px;
}
.avatar-right {
  float: right;
  margin-left: 10px;
}
.feed-icon {
  width: 16px;
  height: 16px;
  display: block;
  clear: none;
  background: url(/images/rss.png) 0 -16px;
}
.feed-icon:hover {
  background-position: 0 0;
}
.feed-icon img {
  height: 0px;
  display: none;
}
.xml-icon {
  text-align: right;
}
.hide {
  overflow: hidden;
  visibility: hidden;
  display: none;
  clear: none;  
}
.marker {
  color: #f00;
}
.error {
  color: #f00;
}
.ok {
  color: #080;
}
.pageFrame, #nodeFrame {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
#pager {
  color: #004D81;
  text-align: center;
  width: 50%; 
  border-top: 1px solid #BDCEE1;
  padding: 0.5em 0 1.0em 0;
  margin: 1.0em auto 0 auto;
}
#pager a {
  color: #004D81;
}
#pager :visited {
  color: #666;
}
.container-inline div {
  display: inline;
}
.lfloat {
  float: left;
}
.rfloat {
  float: right;
}
  /*</group>*/

/*<group>*/
  /*</group>*/