/* ======================================================================

    Factors V3.css

    SEOmoz.org
    timothy@seomoz.org
    (c) 2009, All Rights Reserved.

    Stylesheet prepared by Timothy Christensen
    Version: 8-24-09

 ======================================================================== */


/*----------------------------------------------------------------------- 
    Basic Styles
 ------------------------------------------------------------------------ */

div.sub-section { margin-top: -381px; padding: 459px 20px 1.5em; z-index: 1; }
p.note { font-style: italic; }
p.see-all { clear: left; margin-right: 1.5em; text-align: right; }
p.intro { background: #EFEFEF; color: #444; font-family: Georgia; font-style: italic; padding: 1.5em 30px; }

code { color: #11161A; }
h2 { border-bottom: 2px solid #B9C1CB; color: #11161A; font-size: 2.0em; font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.25em; }
div#ranking-factors h2, div#link-building h2, div#additional-data h2 { clear: left; margin-bottom: 0 }

/*----------------------------------------------------------------------- 
    Head Styles
 ------------------------------------------------------------------------ */

div#page-top { position: relative; z-index: 2; }
div#banner { position: relative; z-index: 3; }
div#pro-toolbar-wrap { background: url(images/factors/v3/ranking_factors_pro_toolbar_bg.png) left top no-repeat; }
div#status { background: none; }
div#rf-head { background: #DDD url(http://www.actv-tec.co.il/css/images/factors/v3/rf_head_bg.png) left top no-repeat; height: 146px; }
div#rf-head.pro-toolbar-shift { background: #DDD url(images/factors/v3/rf_head_bg_shift.png) left top no-repeat; height: 121px; }
div#rf-head h1, div#rf-head h2 { display: none; }


/*----------------------------------------------------------------------- 
    Navigation Layout
 ------------------------------------------------------------------------ */

div#rf-body { position: relative; }
div#rf-nav-wrap {
  background: url(images/factors/v3/rf_nav_bg.png) left bottom no-repeat;
  left: -15px;
  padding-bottom: 22px;
  position: static;
  right: -15px;
  top: 381px;
  width: 980px;
  margin-right:-15px;
  margin-left:-15px;
}
ul#rf-nav { background: #212D37; margin: 0; padding-right: 240px; }
ul#rf-nav li { float: right; font-size: 1.5em; margin: 0 15px; }
ul#rf-nav li:first-child { margin-left: 0; }
ul#rf-nav li.active a { background-image: none; border-bottom: 6px solid #95B4C0; margin-bottom: -6px; }
ul#rf-nav a { color: #FFF; display: block; padding: 10px; }
ul#rf-nav a:hover { border-bottom: 6px solid #93CBEA; margin-bottom: -6px; text-decoration: none; }


/*----------------------------------------------------------------------- 
    Overview Layout
 ------------------------------------------------------------------------ */

h2#introduction-header { margin-bottom: 0; }
div#introduction { background: #EFEFEF; font-family: Georgia; font-size: 14px; margin-bottom: 1.5em; padding: 2.0em 40px 1.0em; }

div#overview ol li { clear: none; height: 4.5em; }
div#overview h4 { font-size: 1.0em; height: auto; margin-bottom: 0.3333em; }
div#overview div.importance {
  float: left;
  font-weight: bold;
  width: 191px;
}
div#overview span.consensus {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
}
div#overview div.bar {
  border: 1px solid #AAA;
  float: right;
  padding: 2px;
  width: 45%;
}
div#overview div.bar span {
  background: #4E2B36;
  display: block;
  height: 13px;
  text-indent: 2px;
}
div#overview div.bar.high span { background: #70384A; }
div#overview div.bar.moderate span { background: #995067; }
div#overview img {
  -ms-interpolation-mode: bicubic;
  display: block;
  margin: 0 auto 1.0em;
  width: 300px;
}
div#overview hr.space { margin-bottom: 4.0em; }
div#overview ul.keys { margin: 0 0 2.75em 10px; }
div#overview ul.keys li { clear: left; margin-bottom: 1.125em; }

ul.keys div {
  border: 1px solid #222;
  display: block;
  float: right;
  height: 14px;
  margin-left: 10px;
  width: 14px;
}
div.key-1 { background: #92BACE; }
div.key-2 { background: #4889B3; }
div.key-3 { background: #AA8A96; }
div.key-4 { background: #985869; }
div.key-5 { background: #7D3C4B; }
div.key-6 { background: #6E4852; }
div.key-7 { background: #4B2730; }



/*----------------------------------------------------------------------- 
    Ranking Factors and Link Building Layout
 ------------------------------------------------------------------------ */

div#ranking-factors div.span-15, div#link-building div.span-15 { margin-right: 30px; }
div#ranking-factors div.span-7, div#link-building div.span-7 { width: 290px; }

div#ranking-factors ol, div#link-building ol { font-size: 1.0em; margin: 0 0 5.0em 20px; }
*+html div#ranking-factors ol, *+html div#link-building ol { margin-left: 30px; }
div#ranking-factors li, div#link-building li { margin-bottom: 1.0em; }
div#ranking-factors div.comments li, div#link-building div.comments li { margin-bottom: 1.5em; }
div#ranking-factors h3.factors-heading, div#link-building h3.factors-heading {
  color: #3D2028;
  font-size: 2.0em;
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}
div#ranking-factors h4, div#link-building h4 {
  border-top: 1px dashed #CFD6D6;
  color: #11161A;
  font-size: 1.375em;
  font-weight: bold;
  height: auto;
  margin-bottom: 0.5em;
  padding-top: 1.0em;
}

div.importance { position: static; }
div.importance span.label { color: #11161A; display: block; font-size: 1.2em; font-weight: bold; }
div.importance div.bar {
  border: 1px solid #AAA;
  background: #FFF;
  padding: 2px;
  /*position: absolute;*/
  right: 0;
  top: 3px;
  width: 355px;
}
*+html div.importance div.bar { top: 1px; }
div.importance div.bar span {
  background: #4E2B36;
  display: block;
  height: 13px;
  text-indent: 2px;
}
div.high.importance div.bar span { background: #70384A; }
div.moderate.importance div.bar span { background: #995067; }
div.low.importance div.bar span { background: #BF8C9F; }
div.minimal.importance div.bar span { background: #DBBDCB; }
div.very-minimal.importance div.bar span { background: #D4CFD1; }

div.comments { margin-bottom: 3.0em; padding-left: 60px; }
div.comments ul { font-family: Georgia; font-size: 14px; margin: 0 0 0 20px; }
div.comments h3 {
  border-bottom: 1px solid #CFD6D6;
  color: #11161A;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 1.0em 20px;
  padding-bottom: 1.0em;
}
div.comments h5 { color: #333; margin-bottom: 0.5em; margin-left: 20px; }
div.comments h5 + p { margin-left: 20px; }
div.comments strong { color: #212D37; font-size: 1.125em; font-style: italic; }
div.comments ul ul { list-style: disc; margin-bottom: 1.0em; margin-left: 20px; }
div#ranking-factors div.comments ul ul li, div#link-building div.comments ul ul li { margin-bottom: 0.25em; margin-left: 18px; }


/*----------------------------------------------------------------------- 
    Additional Data Layout
 ------------------------------------------------------------------------ */

img.pie-chart {
  -ms-interpolation-mode: bicubic;
  float: left;
  margin-bottom: 3.0em;
  margin-left: 30px;
  width: 300px;
}

div#additional-data h3 {
  clear: left;
  color: #333;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.5em;
  margin-right: 40px;
  position: relative;
}
div#additional-data h3 span {
  display: block;
  font-size: 1.3em;
  right: -35px;
  position: absolute;
  text-align: center;
  top: -0.25em;
  width: 20px;
}
div#additional-data h3 span:before {
  color: #70384A;
  content: "ש':";
}
div#additional-data hr { margin-bottom: 3.0em; }
div#additional-data ul { float: left; margin-right: 0; margin-left: 40px; width: 504px; }
div#additional-data li { clear: left; color: #333; margin-bottom: 1.5em; }
div#additional-data li img { float: right; margin-right: 10px; width: 31px; }
div#additional-data li h5 {
  color: #333;
  display: block;
  float: right;
  font-size: 1.5em;
  margin-right: 8px;
  margin-bottom: 0;
  text-align: right;
  width: 36px;
}
div#additional-data li p {
  color: #666;
  float: left;
  font-size: 1.25em;
  margin-bottom: 0;
  padding-top: 0.275em;
  width: 400px;
}
div#additional-data p.note { font-size: 0.8em; margin-left: 85px; }
div#additional-data h3.elements-header { margin-left: 0; }


/*----------------------------------------------------------------------- 
    Contributors Layout
 ------------------------------------------------------------------------ */

div#contributors h2 small { color: #9AABB0; font-size: 0.5em; font-weight: normal; padding-left: 20px; }
div#contributors h4 {
  clear: left;
  font-size: 1.25em;
  font-weight: bold;
  height: auto;
  margin-bottom: 0.5em;
}
div#contributors h4 small {
  color: #6A797D;
  display: block;
  font-size: 10px;
  font-weight: normal;
  padding-top: 0.5em;
}
div#contributors p { margin-bottom: 3.0em; }

a.linkedin-link, a.twitter-link { display: block; float: left; height: 16px; padding-left: 20px; }
a.linkedin-link { background: url(images/factors/v3/linkedin.png) left top no-repeat; }
a.twitter-link { background: url(images/factors/v3/twitter.png) left top no-repeat; margin-right: 5px; }
a.linkedin-link span, a.twitter-link span { display: inline; }

div#badge { clear: left; height: 146px; position: relative; }
div#badge h4 { position: absolute; top: 1.5em; }
div#badge img { position: absolute; top: 52px; }
div#badge textarea { height: 84px; left: 220px; margin: 0; position: absolute; top: 52px; width: 270px; }


/*----------------------------------------------------------------------- 
    Table of Contents Layout
 ------------------------------------------------------------------------ */

div.toc { border-top: 2px solid #B9C1CB; border-bottom: 2px solid #B9C1CB; margin: 3.5em 0 5.0em; }
div.toc h3 { background-image: none; font-size: 1.5em; padding-right: 20px; }
div.toc li {
  background: none;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0 !important; /* overwriting the style for li in #ranking-factors and #link-building */
  padding: 0.75em 10px 0.75em 20px;
}
div.toc li.odd { background-color: #E3ECF1; background-image: none; padding-right: 9px; padding-left: 19px; }
div.toc a { color: #376490; }
div.toc a:hover { color: #4E91DD; }
div.toc ul { padding: 0; }


/*----------------------------------------------------------------------- 
    Rankings Key Layout
 ------------------------------------------------------------------------ */

div#scales h3 { font-weight: bold; margin-bottom: 1.0em; margin-left: 18px; }

ul.scale { border-top: 1px dashed #CFD6D6; margin-right: 0; margin-bottom: 5.0em; padding-top: 2.0em; }
ul.scale span.percentage-range { display: block; float: right; font-weight: bold; margin-right: 3px; width: 75px; }
ul.scale span.large { line-height: 0.8em; margin-bottom: 0; padding-right: 5px; }

div.key { border: 1px solid #222; float: right; height: 14px; margin-left: 20px; width: 14px; }

ul.scale div.very-minimal { background: #D4CFD1; }
ul.scale div.minimal { background: #DBBDCB; }
ul.scale div.low { background: #BF8C9F; }
ul.scale div.moderate { background: #995067; }
ul.scale div.high { background: #70384A; }
ul.scale div.very-high { background: #4E2B36; }

ul#consensus-scale span.percentage-range { margin-right: 15px; }
ul#consensus-scale span.large { padding-right: 15px; }