/*
Title:    Reset default browser styles
Author:   dan@simplebits.com, based on Eric Meyer's Reset CSS: http://meyerweb.com/eric/tools/css/reset
*/

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, font, 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 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
  }

ol, ul {
  list-style: none;
  }

blockquote, q {
  quotes: none;
  }

:focus {
  outline: 0;
  }

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

/* ----------------------------------------------------------------- */

/*
Title:		Master styles for screen media
Author: 	dan@simplebits.com
Author:   ran@outbrain.com
*/
body {
  font-family: Arial, sans-serif;
  color: #333;
  font-size: 62.5%;
  border-top: 10px solid #ffda80;
  background: #fff;
}

/* links */
a:link,a:visited {
  color: #c60;
  outline: none;
}

a:hover {
  color: #930;
}

.btn-small {
  background: #fd9803 url(../img/btn-bg-sm.gif) repeat-x top left;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.btn-small:hover {
  background-image: none;
}

.btn-small img {
  vertical-align: middle;
}

.btn-lg {
  padding: 17px 10px;
  background: #fd9802 url(../img/btn-bg-large.gif) repeat-x top left;
  border: 3px solid #6cb5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.btn-lg:hover {
  background-image: none;
}

.btn-lg img {
  vertical-align: middle;
}

/* page structure
--------------------------------------------- */
#wrap {
  width: 960px;
  position: relative;
  margin: 0 auto;
  z-index: 10;
}

div.main-ab {
  float: left;
  width: 710px;
  margin-left: 8px;
}

div.main-abc {
  margin-left: 8px;
}

div.main-a {
  float: right;
  width: 480px;
}

div.main-ab.single div.main-a {
  float:none;
  width: auto;
}

div.main-b {
  float: left;
  width: 200px;
}

div.sidebar {
  float: right;
  width: 200px;
  margin-right: 8px;
}

/* ab no aside */
div.full {
  float: none;
  width: 944px;
  margin-right: 8px;
}

div.full div.main-a {
  width: 714px;
}

div.full-half {
  float: left;
  width: 342px;
}

div.full div.last {
  float: right;
}

/* 50/50 split */

div.half-left {
  float: left;
  width: 430px;
  /*padding: 0 5px;*/
  /*margin-right: 50px;	*/
}

div.half-right {
  float: right;
  width: 430px;
  /*padding: 0 5px;*/
  /*margin-left: 50px;*/

}


/*DEPRECATED*/
div.half-1 {
  float: left;
  width: 470px;
  padding: 0 5px;
}

/*DEPRECATED*/
div.half-2 {
  float: right;
  width: 470px;
  padding: 0 5px;
}

/* thirds within main-a */
div.thirds-row {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
}

div.thirds {
  float: left;
  width: 210px;
  margin: 0 36px 0 0;
}

div.thirds-last {
  margin: 0;
}

div.contact-map {
  float:left;
  margin:0 45px 0 0;
  width:130px;
}
/* header
--------------------------------------------- */
#header {
  margin: 0 0 8px 0;
}

/* dashboard */
#dash {
  margin: 0 0 8px 0;
}



#dash p,#dash form {
  z-index: 1001;
  float: right;
  margin: 0;
  padding: 10px 15px;
  font-size: 1.2em;
  background: #ffda80;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
}

#dash p a:link,#dash p a:visited {
  color: #930;
}

#dash p a:hover {
  color: #c60;
}

#dash p span {
  margin: 0 5px;
  color: #ba9f5d;
}

#dash p span.or {
  color: #666;
}

#dash p a#cart-link {
  padding-left: 20px;
  background: url(../img/icon-cart.gif) no-repeat 0 50%;
}

#dash-signin {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.1em;
  z-index: 2;
  display: none; /*Tom : added this, hide by default! */
}

#dash-signin #dash-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  margin: 2px 10px 0 0;
  text-indent: -9999px;
  background: url(../img/icon-dash-x.gif) no-repeat 0 0;
}

#dash-signin #dash-close :hover {
  background-position: 0 -16px;
}

#dash-signin fieldset {
  margin: 0;
  padding: 0;
}

#dash-signin label {
  display: block;
  margin: 0 0 3px 0;
}

#dash-signin fieldset div {
  margin: 0 0 8px 0;
}

#dash-signin input.btn-small {
  vertical-align: middle;
  background-image: url(../img/btn-bg-small.gif);
  background-position: bottom left;
}

#dash-signin input.btn-small:hover {
  background-image: none;
}

#signin-username,#signin-pass,#signin-openurl {
  width: 170px;
  margin: 0 10px 0 0;
}

#dash-signin fieldset#dash-openid label.openid-label {
  padding-left: 21px;
  background: url(../img/icon-openid.gif) no-repeat 0 50%;
}

#signin-openid a {
  float: right;
  margin: 5px 15px 0 15px;
  padding-left: 21px;
  color: #333;
  background: url(../img/icon-openid.gif) no-repeat 0 50%;
}

#dash-normal-link {
  float: right;
  margin: 5px 15px 0 15px;
  color: #333;
  display: none; /*tom : added this, hide by default!*/
}

#signin-openid a:hover {
  color: #555;
}

#dash p span.or,#dash p span.name-msg,#dash p span.name {
  /* TOM: added span.name-msg for the logged-in mode*/
  color: #666;
}

#dash p span.name {
  /*TOM: new, added this to style the actual username */
  font-weight: bold;
}

#dash p span.name-msg,#dash p span.name {
  /*TOM: new, added this to avoid unnecessary spaces in logged-in message*/
  margin: 0;
}

#dash p a#cart-link {
  padding-left: 20px;
  background: url(../img/icon-cart.gif) no-repeat 0 50%;
}

/* logo */
#logo {
  float: left;
  margin-left: 5px;
}

#logo img {
  height: 0;
}

#logo a,#logo span {
  display: block;
  width: 240px;
  height: 46px;
  background: url(../img/outbrain-logo.gif) no-repeat top left;
}

#logo a:hover,#logo span:hover {
  background-position: bottom left;
}

/* nav */




#nav, #tnav {
  float: right;
  height: 25px;
  margin: 30px 0 0 0;
  overflow: hidden;
}


#nav li, #tnav li {
  float: left;
  margin: 0 27px 0 0;
}

#tnav li a {
  float: left;
  height: 25px;
  text-indent: -9999px;
  background: url(../img/tnav-matrix.gif) no-repeat top left;
}

#nav li a {
  float: left;
  height: 25px;
  text-indent: -9999px;
  background: url(../img/nav-matrix.gif) no-repeat top left;
}

#tnav li#t-pubs a {
  width: 116px;
  /*background-position: 0 0;*/
}

#tnav li#t-promote a {
  width: 115px;
  background-position: -141px 0;
}

#tnav li#t-widgets a {
  width: 143px;
  background-position: -281px 0;
}

#tnav li#t-about a {
  width: 52px;
  background-position: -449px 0;
}

#tnav li#t-blog a {
  width: 38px;
  background-position: -526px 0;
}

#tnav li#t-help a {
  width: 38px;
  background-position: -589px 0;
}


#tnav li#t-pubs a:hover,body#pubs #tnav li#t-pubs a {
  background-position: 0 -28px;
}

#tnav li#t-promote a:hover,body#mainMarketers #tnav li#t-promote a,
body#marketersLearnBrandsHelp #tnav li#t-promote a,
body#marketersLearnPublishersHelp #tnav li#t-promote a {
  background-position: -141px -28px;
}

#tnav li#t-widgets a:hover, body#widgets #tnav li#t-widgets a {
  background-position: -281px -28px;
}

#tnav li#t-about a:hover,body#about #tnav li#t-about a,
body#team #tnav li#t-about a,
body#contact #tnav li#t-about a,
body#jobs #tnav li#t-about a
{
  background-position: -449px -28px;
}


#tnav li#t-blog a:hover,body#tblog #tnav li#t-blog a {
  background-position: -526px -28px;
}

#tnav li#t-help a:hover,body#helpBloggers #tnav li#t-help a,
#tnav li#t-help a:hover,body#helpPublishers #tnav li#t-help a,
#tnav li#t-help a:hover,body#helpOutloud #tnav li#t-help a
{
  background-position: -589px -28px;
}


#nav li#t-widgets a {
  width: 101px;
  background-position: 0 0;
}

#nav li#t-widgets a:hover,body#widgets #nav li#t-widgets a {
  background-position: 0 -28px;
}

#nav li#t-pubs a {
  width: 116px;
  background-position: -127px 0;
}

#nav li#t-pubs a:hover,body#pubs #nav li#t-pubs a {
  background-position: -127px -28px;
}

#nav li#t-promote a {
  width: 115px;
  background-position: -270px 0;
}

#nav li#t-promote a:hover,body#mainOutloud #nav li#t-promote a,
body#outloudLearnBrandsHelp #nav li#t-promote a,
body#outloudLearnPublishersHelp #nav li#t-promote a {
  background-position: -270px -28px;
}

#nav li#t-about a {
  width: 52px;
  background-position: -409px 0;
}

#nav li#t-about a:hover,body#about #nav li#t-about a,
#nav li#t-about a:hover,body#team #nav li#t-about a,
#nav li#t-about a:hover,body#contact #nav li#t-about a,
#nav li#t-about a:hover,body#jobs #nav li#t-about a
{
  background-position: -409px -28px;
}

#nav li#t-blog a {
  width: 38px;
  background-position: -486px 0;
}

#nav li#t-blog a:hover,body#blog #nav li#t-blog a {
  background-position: -486px -28px;
}

#nav li#t-help a {
  width: 38px;
  background-position: -549px 0;
}

#nav li#t-help a:hover,body#helpBloggers #nav li#t-help a,
#nav li#t-help a:hover,body#helpPublishers #nav li#t-help a,
#nav li#t-help a:hover,body#helpOutloud #nav li#t-help a
{
  background-position: -549px -28px;
}

/* home page styles
--------------------------------------------- */
.show {
  left: 0;
}

#home-stripe {
  position: relative;
  height: 415px;
  margin-bottom: 35px;
}

#home-core {
  top:0;
  left:0;
  position: absolute;
  background: url(../img/home/slideshow-frame.png) no-repeat 0 0;
  height: 415px;
  width: 960px;
  z-index: 999;
}

/*
#home-title .home-sub {
  float: left;
  margin-top: 10px;
  margin-left: 15px;
}*/

#home-title h1 {
  letter-spacing: -1px;
  float: left;
  color: #FFF;
  font-size: 2.8em;
  font-weight: normal;
}

/*
#home-core h2 {
  font-size: 1.6em;
  color: #FFF;
  font-family: Verdana;
  line-height: 1.4;

}*/

#home-title {
  padding: 20px 0 0 15px;
}

#home-stripe #slide-right, #home-stripe #slide-left {
  background: url(../img/home/slideshow-flip.png);
  width: 30px;
  height: 30px;
  position: absolute;
  display: block;
  z-index: 1000;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:-8000px;
}
#home-stripe #slide-right a, #home-stripe #slide-left a {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
}


#home-stripe #slide-right {
  right: 2px;
  top: 200px;
  background-position: 30px 0px ;
}
#home-stripe #slide-left {
  left: 4px;
  top: 200px;
  background-position: 0px 0px ;
}

#home-stripe #slide-left:hover {
    background-position: 0px 30px;
}
#home-stripe #slide-right:hover {
  background-position: 30px 30px ;
}

/* HOME PAGE SLIDESHOW*/


#home-stripe {
  width: 960px;
  overflow: hidden;
}

#home-slider, #home-logo-slider {
  position: absolute;
  overflow: hidden;

  top: 84px;
  left:-120px;
}

#home-logo-slider {
  z-index: 998;
}



  #home-slider ul, #home-slider li, #home-logo-slider ul, #home-logo-slider li {
    margin:0;
    padding:0;
    list-style:none;
   }

   #home-slider li, #home-logo-slider li {
    height: 247px;
    width: 1200px;
    overflow: hidden;

   }

  #home-logo-slider li {
   position: relative;
  }
  #home-logo-slider li img {
      position: absolute;
  }
  #home-logo-slider li.slate-logo img{
    left: 220px;
    bottom: 0px;
  }

  #home-logo-slider li.boston-logo img{
    left: 150px;
    bottom: 0px;
  }

  #home-logo-slider li.beast-logo img{
    right: 150px;
    bottom: 5px;
  }


/* END HOME PAGE SLIDESHOW*/
#home-core .partners {
  position: absolute;
  bottom: 10px;
  left: 0;
  background: url(../img/home/partner-logos.gif) no-repeat 100% 100%;
  width: 958px;
  height: 65px;
  color: #c1e0f0;
}

#home-core .partners span {
  padding-left: 16px;
  font-weight: bold;
  font-size: 1.2em;
}


.home-btn {
  background: url(../img/home/btn.gif) no-repeat 100% 100%;
  width: 155px;
  height: 48px;
  display: block;
}
.home-btn.learn-more {
   background: url(../img/home/btn-learn-more.gif) no-repeat 100% 100%;
}

/* DEPRECATED */
#home-main {
  position: relative;
  background: #39c;
}

.home-blurb {
  position: absolute;
  top: 0;
  left: -9999px; /* hide the panels by default */
  width: 300px;
  padding: 12px 0 12px 12px;
  color: #c1e0f0;
}

.home-blurb h1 {
  margin: 0 0 8px 0;
  font-size: 2.7em;
  color: #fff;
}

/*DEPRECATED */
.home-blurb h2 {
  font-family: Georgia, serif;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.4;
}

.home-blurb div.blurb-action {
  width: 300px;
  position: absolute;
  top: 180px;
  left: 12px;
}

.home-blurb div.blurb-action.mid{
  left: 88px;
}

.home-blurb p {
  position: relative;
  margin: 0;
  font-size: 1.2em;
  line-height: 1;
}

.home-blurb p a.btn-lg {
  float: left;
  padding: 8px 6px 4px 6px;
  margin-right: 5px;
}

.home-blurb p a.btn-lg span.btn-getwidget {
  float: left;
  display: block;
  width: 146px;
  height: 34px;
  text-indent: -9999px;
  background: url(../img/btn-txt-getwidget.png) no-repeat 0 0;
}

.prev-video-dash a.btn-lg {
  text-decoration: none;

}

.home-blurb p a.btn-lg span.btn-addarticles {
  float: left;
  display: block;
  width: 146px;
  height: 34px;
  text-indent: -9999px;
  background: url(../img/btn-txt-find-out-more.png) no-repeat 0 0;
}

.home-blurb p a:link,.home-blurb p a:visited {
  color: #fff;
}

.home-blurb p span.or {
  float: left;
  margin: 20px 0 0 5px;
}

.home-blurb p span.preview {
  float: right;
  width: 105px;
  margin: 10px 0 0 5px;
  padding: 0;
  line-height: 1.4;
}

.home-blurb p span.short {
  float: left;
  margin-top: 20px;
}

.home-blurb p span.short span {
  margin-right: 5px;
}

.home-blurb p span a:hover {
  color: #c1e0f0;
}

.home-blurb .free-tag {
  width: 37px;
  height: 31px;
  position: absolute;
  top: 164px;
  left: 162px;
  z-index: 2;
}

/* preview widget popup */
div.prev-video {
  position: relative;
  text-align: center;
  z-index: 3;
}

#TB_closeWindowButton {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

div.prev-video div.prev-video-player {
  padding: 20px;
  background: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
}

.prev-no-bottom{
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
}

div.prev-video div.prev-video-dash {
  padding: 25px;
  font-size: 1.4em;
  color: #c1e0f0;
  background: #39c;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
}

div.prev-video div.prev-video-dash a {
  margin-left: 5px;
  font-weight: bold;
  color: #fff;
}

div.prev-video div.prev-video-dash a.btn-lg {
  margin: 0 5px 0 0;
}

div.prev-video div.prev-video-dash a:hover {
  color: #c1e0f0;
}

/*DEPRECATED */
h3.sub {
  margin: 0 0 10px;
}




/* Easy Slider */
div.scrollable ul,div.scrollable li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#flowpanes { /*
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
  */
  width: 579px;
  height: 251px;
  overflow: hidden;
  position: relative;
}

#flowpanes div {
  float: left;
  width: 579px;
  height: 251px;
}

#flowpanes div.items { /* this cannot be too large */
  width: 20000em;
  position: absolute;
}

#flowpanes div img {
  display: block;
  float: left;
}

a.prevPage {
  position: absolute;
  top: 106px;
  left: 322px;
  display: block;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/widget-arrows-l.png) no-repeat 0 0;
  z-index: 2;
}

a.prevPage:hover {
  background-position: 0 -33px;
}

a.nextPage {
  position: absolute;
  top: 106px;
  right: 6px;
  display: block;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/widget-arrows-r.png) no-repeat 0 0;
}

a.nextPage:hover {
  background-position: 0 -33px;
}

#home-slideshow {
  float: right;
  margin: 0 22px;
  border-left: 10px solid #5eaed7;
  border-right: 10px solid #5eaed7;
}

#home-toggle {
  clear: both;
  position: relative;
  top: -11px;
  margin: 0 0 15px 0;
  padding: 0 0 0 339px;
  text-align: center;
  background: url(../img/home-toggle-bg.gif) repeat-x top left;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
}

#home-toggle ul li {
  float: left;
  padding-top: 11px;
  line-height: 1;
}

#home-toggle ul li a {
  float: left;
  padding: 18px;
  font-size: 1.4em;
  line-height: 1;
  text-decoration: none;
  color: #777;
  border-left: 1px solid #4c4c4c;
}

#home-toggle ul li.last a {
  border-right: 1px solid #4c4c4c;
}

#home-toggle ul li a:hover {
  color: #ccc;
  background: #3e3e3e url(../img/home-toggle-over.gif) repeat-x top left;
}

#home-toggle ul li.active {
  background: url(../img/home-toggle-arrow.gif) no-repeat 50% 0;
}

#home-toggle ul li.active a,#home-toggle ul li.active a:hover {
  color: #333;
  background: #7abcde url(../img/home-toggle-on.gif) repeat-x top left;
}

/* why */
#home-details h3 {
  font-weight: normal;
  margin: 0 0 20px 0;
  font-size: 2.4em;
  line-height: 1;
  color: #39c;
}

#home-selfserve h3 {
  font-weight: normal;
  font-size: 1.8em;
  color: #CC6600;
  padding-top: 5px;
}

#home-selfserve{
  height:auto;
}

#selfServeBox{
  padding-top:20px;
}

#home-selfserve p {
  color: #333333;
   font-size: 14px;
  padding-bottom: 7px;
  line-height: 1.6em;
}

.home-selfserve-img {
    float: left;
  padding-top: 10px;
}

#home-stripe, #home-details, #home-widget ,#home-selfserve {
  font-family: Verdana, Arial, sans-serif;
}

#home-details {
  letter-spacing: -1px;
}

#home-details ol {
  margin: 0 0 20px 0;
}

#home-details ol li {
  margin: 0 0 10px 2px;
  padding: 0 0 0 30px;
  line-height: 1.5;
  font-size: 1.6em;
  color: #333;
  background: url(../img/home/bullet-v.gif) no-repeat 0 2px;

}

/* DEPRECATED */
#home-why ol, #home-say ol  {
  margin: 0 0 20px 0;
}

/* DEPRECATED*/
#home-why ol li, #home-say ol li {
  font-family: Georgia, serif;
  margin: 0 0 10px 2px;
  padding: 0 0 0 23px;
  font-size: 1.8em;
  color: #666;
  background: url(../img/bullet-burst.gif) no-repeat 0 2px;
}

div.main-a ul.burst li {
  margin: 0 0 10px 2px;
  padding: 0 0 0 23px;
  list-style: none;
  margin-left: inherit;
  background: url(../img/bullet-burst.gif) no-repeat 0 2px;
}

/* DEPRECATED*/
#home-why ol li#home-why-learn, #home-say ol li#home-say-learn {
  background: none;
}


/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support {
  font-size: 1.3em;
  line-height: 1;
  color: #666;
  margin-top:40px;
}

/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support a img {
  margin: -4px 4px 0 8px;
  vertical-align: middle;
}

/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support a:link,#home-why-support a:visited {
  text-decoration: none;
  color: #999;
}

/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support a:hover {
  color: #666;
}

/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support a:hover img {
  opacity: .7;
}

/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support a#support-andmore :link,#home-why-support a#support-andmore
  :visited {
  margin-left: 10px;
  text-decoration: underline;
  color: #c60;
}

/*TODO: DEPRECATED, REMOVE THIS*/
#home-why-support a#support-andmore :hover {
  color: #930;
}


#home-widget span {
  color: #333;
  font-size: 1.4em;
  font-weight: bold;
}

#home-widget span a {
  color: #39c;
  font-weight: normal;
  text-decoration: none;
}

#home-details p {
  margin: 0 0 17px 0;
  font-size: 1.6em;
  color: #333;
  clear:left;
  line-height:1.5;
}

/* DEPRECATED -bloggers and pubs say */
#home-say p, #home-why p, #home-sides p {
  margin: 0 0 17px 0;
  font-size: 1.5em;
  color: #666;
  clear:left;
  font-family:Georgia,serif;
  line-height:1.5;
}

/*TODO: DEPRECATED - REMOVE THIS*/
#home-say img.outloud-icon {
  float: left;
  margin: 5px 20px 10px 0;
}

/*TODO: DEPRECATED - REMOVE THIS*/
#home-say p.home-callout, #home-why p.home-callout {
  clear:none;
  font-size:1.8em;
  font-style:italic;
  line-height:1.3;
  padding:10px 0 0;
}

/*TODO: DEPRECATED - REMOVE THIS*/
#home-say p#home-say-callout {
  clear:none;
  font-size:1.8em;
  font-style:italic;
  line-height:1.3;
  padding:10px 0 0;
}

#home-widget {
  margin: 15px 0 0 0;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 0px 0;
  text-align: center;
}



/*DEPRECATED */
/* see widgets live */
#home-seelive {
  margin: 15px 0 0 0;
  border-top: 1px solid #e5e5e5;
}

/*DEPRECATED */
#home-see ul.left {
  padding-right: 20px;
  border-right: 1px solid #CCC;
}

/*DEPRECATED */
#home-see ul {
  float: left;
  margin-right: 20px;
}

/*DEPRECATED */
#home-see ul li {
  margin-bottom: 20px;
}

/*TODO: DEPRECATED, REMOVE*/
#home-seelive h3 {
  float: left;
  width: 220px;
  font-size: 2em;
  line-height: 76px;
  color: #39c;
}
/*DEPRECATED */
#home-seelive ul {
  float: right;
  margin-top: 25px;
}
/*DEPRECATED */
#home-seelive ul li {
  float: left;
  margin-left: 25px;
}
/*DEPRECATED */
#home-seelive ul li a:hover img {
  opacity: .7;
}

/* main styles
--------------------------------------------- */ /* title bar */
#title {
  position: relative;
  margin: 0 8px 20px 8px;
  padding: 15px 10px 35px 10px;
  background: #39c url(../img/titlebar-bg.gif) no-repeat bottom left;
  min-height: 72px;
  z-index: 2;
}

#title h1 {
  font-size: 4em;
  line-height: 1.3;
  color: #fff;
}

/* main content */
h2.subtitle, h2.subtitle-single {
  margin: -.3em 0 20px 0;
  font-size: 1.2em;
  line-height: 1.3;
  color: #39c;
}

h2.subtitle-alt {
  margin-bottom: 5px;
}

h2.subtitle a:link,h2.subtitle a:visited, h2.subtitle-single a:link,h2.subtitle a:visited {
  text-decoration: none;
}

h3.blog-title {
  margin: 0 0 30px 0;
  font-size: 2.2em;
  line-height: 1.1;
  font-weight: normal;
}

h3.blog-title span.url {
  /*tom :changed from "a" to "span" because otherwise the link is too wide!!*/
  display: block;
  font-size: .5em;
}

/* removed this, because using background images instead of IMG*/
  /*h3.blog-title img {
  float: left;
  margin: 0 5px 0 0;
  }*/
div.main-a {
  font-size: 1.4em;
  line-height: 1.4;
}

div.main-a p {
  margin: 0 0 20px 0;
}

div.main-abc p,div.main-abc span { /*Tom : added this*/
  line-height: 1.4;
  /*font-size: 1.4em;*/
  /*margin: 0 0 20px 0;*/
}

div.main-a ul {
  margin: 0 0 20px 0;
}

div.main-a ul li {
  margin-left: 2em;
  list-style: disc;
}

div.main-a ul li ul li {
  list-style: circle ;
}

div.main-a ol {
  margin: 0 0 20px 0;
}

div.main-a ol li {
  margin-left: 2em;
  list-style: decimal;
}

/* featured burst list */
div.main-a ul.featured li {
  margin-left: 1em;
  padding-left: 24px;
  list-style: none;
  background: url(../img/bullet-burst.gif) no-repeat 0 0;
}

div.main-a ul.featured li h3 {
  color: #39c;
}

div.callout,.callout {
  padding: 8px 10px;
  font-size: .9em;
  background: #ffda80;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


div.main-a div.callout p,div.main-abc div.callout p {
  margin: 0;
}

div.callout-alt {
  margin-bottom: 15px;
  width: 210px;
}

div.callout-alt a {
  font-weight: bold;
}

/* account tools */
div.tools {
  float: right;
  padding: 8px 12px;
}

div.tools-alt {
  padding: 0 12px;
}

div.tools a:link,div.tools a:visited {
  padding-top: 2px;
  font-size: .9em;
  color: #999;
}

div.tools span {
  margin: 0 4px;
  color: #ccc;
}

div.tools a.digest {
  padding-left: 21px;
  background: url(../img/icon-mail.gif) no-repeat 0 50%;
}

div.tools a.export {
  padding-left: 21px;
  background: url(../img/icon-excel.gif) no-repeat 0 50%;
}

div.tools a:hover {
  color: #666;
}

/* date nav for tables */
div.date-nav {
  margin: 0;
  padding: 10px;
  text-align: center;
  background: #333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  color:#FFF;
}

div.date-nav h2 a:link, div.date-nav h2 a:visited, div.date-nav h2 a:active {
  padding-left: 22px;
  color: #fff;
  background: url(../img/icon-cal.gif) no-repeat 0 50%;
}



div.date-nav h2 a:hover {
  color: #eee;
}

div.date-nav a.date-prev {
  float: left;
  padding-left: 10px;
  color: #b7b7b7;
  background: url(../img/icon-prev.gif) no-repeat 0 50%;
}

div.date-nav a.date-next {
  float: right;
  padding-right: 10px;
  color: #b7b7b7;
  background: url(../img/icon-next.gif) no-repeat 100% 50%;
}

div.date-nav a.date-prev:hover,div.date-nav a.date-next:hover {
  color: #ddd;
}

/* blog settings menu */
#blog-select {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}

#blog-select  h2 {
  width: 300px;
  padding: 6px 8px;
  font-size: 1.4em;
  color: #fff;
  cursor: pointer;
  background: #069 url(../img/icon-select-arrow.gif) no-repeat 100% 50%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#publisher-select {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}

#publisher-select  h2 {
  width: 300px;
  padding: 6px 8px;
  font-size: 1.4em;
  color: #fff;
  cursor: pointer;
  background: #069 url(../img/icon-select-arrow.gif) no-repeat 100% 50%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#blog-select  ol {
  display: none;
  margin: 0;
  padding: 0 0 3px 0;
  background: #069;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  width: 316px;
  /*Tom: added this to make sure long names don't destroy page */
}

#publisher-select ol {
  display: none;
  margin: 0;
  padding: 0 0 3px 0;
  background: #069;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  width: 316px;
  /*Tom: added this to make sure long names don't destroy page */
}
#blog-select ol li a {
  display: block;
  margin: -3px 0 0 0;
  padding: 6px 8px;
  font-size: 1.2em;
  text-decoration: none;
  color: #fff;
}

#publisher-select ol li a {
  display: block;
  margin: -3px 0 0 0;
  padding: 6px 8px;
  font-size: 1.2em;
  text-decoration: none;
  color: #fff;
}

#blog-select ol li a:hover {
  background: #00517a;
}

#publisher-select ol li a:hover {
  background: #00517a;
}

/* charts */
div.chart {
  margin: 0 0 30px 0;
}

/* general forms */
form.gen-form {
  margin: 0 0 30px 0;
}

form.gen-form fieldset {
  margin: 0 0 15px 50px;
  /*TOM: altered this to have left margin (of 50px), moving to top bottom style */
  overflow: hidden;
}

form.wide-form fieldset { /*TOM: added this*/
  margin: 0 0 20px 0px;
}

form.gen-form fieldset.last {
  margin-bottom: 10px;
}

form.gen-form fieldset.combo {
  margin-bottom: 10px;
}

form.gen-form fieldset em.note {
  float: right;
  margin-top: 5px;
  margin-left: 10px;
  font-size: .85em;
  color: #999;
}

form.gen-form fieldset.combo label {
  float: left;
  width: 60%;
  margin-left: 80px;
  font-size: 1em;
  text-align: left;
}

form.gen-form fieldset label.claim {
  float: none;
  width: auto;
  font-size: .9em;
  text-align: left;
}

form.gen-form fieldset.claim-radio label.claim {
  color: #333;
}

form.gen-form span.radio {
  margin-right: 10px;
  font-size: .9em;
  color: #666;
}

form.gen-form label {
  /* TOM: heavily altered this - moving to top-bottom order*/
  float: left;
  /*width: 70px;*/
  margin: 0 10px 0 0;
  font-size: .9em;
  /*line-height: 2;*/ /*text-align: right;*/
  text-align: left;
  color: #666;
}

form.wide-form label {
  /*Tom : inserting new definition to split from top-down to left-right forms*/
  width: 120px;
  text-align: right;
  line-height: 2;
}

/* TOM: removing the "wider" definition as it is no longer needed for forms which are top-down!
form.wider label {
  width: 120px;
  }*/
form.gen-form span.check {
  float: left;
  margin-top: .5em;
  font-size: .8em;
  line-height: 1.5;
  color: #666;
}

form.wide-form span.check {
  margin: 0;
  width: 60%;
}

/*form.gen-form input.input-check {
  float: left;
  margin-right: 10px;
}

form.wide-form input.input-check {
  float: left;
  margin-right: 10px;
}*/

form.gen-form input.input-text, form.gen-form select.input-select {
  float: left;
  clear: left;
  /*TOM: adding this to imitate "block" behavior to adjust to top-bottom behavior */
  width: 50%;
  padding: 4px; /* TOM: adding padding to make it fatter*/
  font-size: 1.1em;
  /* TOM: changed from 1.1em to cope with the newly added inheritance of font-size from "main-a" class*/
}


form.wide-form input.input-text, form.gen-form select.input-select {
  /*Tom : inserting new definition to split from top-down to left-right forms*/
  float: left;
  clear: none;
  width: 60%;
  padding: 4px;
  font-size: 1.1em;
}

form.gen-form input.input-text:focus {
  /*TOm: EXPERIMENTING WITH THIS - added*/
  border: 2px solid #5EAED7;
}

form.gen-form textarea {
  float: left;
  width: 80%;
  font-size: 1.1em;
}

form.gen-form div.form-btns {
  float: left;
  width: 80%;
  margin-left: 80px;
  text-align: right;
}

form.gen-form div.form-btns select,form.gen-form div.form-btns input,form.gen-form div.alt select,form.gen-form div.alt input
  {
  vertical-align: middle;
}

form.gen-form div.form-btns select,form.gen-form div.alt select {
  margin-right: 10px;
}

form.gen-form div.alt {
  float: none;
  margin-left: 0;
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #ccc;
}

form.gen-form div.form-btns span.agree,form.gen-form div.alt span.agree
  {
  float: left;
  font-size: .8em;
  line-height: 2;
  color: #666;
  position: relative;
}

form.gen-form div.form-btns span.agree input,form.gen-form div.alt span.agree input
  {
  vertical-align: baseline;
}

form.gen-form div.form-btns div.lang-submit/*, form.gen-form div.alt div.lang-submit*/
  {
  clear: left;
  padding-top: 5px;
}

form.gen-form label.checkbox-label {
  float: none;
  width: auto;
  font-size: inherit;
  margin: inherit;
}

div.form-note {
  margin: 0 0 15px 0;
  padding: 10px 15px;
  font-size: .9em;
  background: #d9ecf6;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

form.gen-form p.note {
  font-size: .9em;
  line-height: 1.5;
  color: #666;
}

form.gen-form ol.note {
  font-size: .9em;
  line-height: 1.5;
  color: #666;
}

.disabled {
  opacity: .5;
}

/* Contact form */
form.contact-form {
  margin: 0 0 30px 0;
  }
form.contact-form fieldset {
  margin: 0 0 10px 0;
  overflow: hidden;
  }
form.contact-form fieldset.last {
  margin-bottom: 10px;
  }
form.contact-form label {
  display: block;
  font-size: 1.1em;
  line-height: 1.7;
  color: #666;
  }

form.contact-form input.input-text {
  width: 97%;
  font-size: 1.2em;
  }
form.contact-form textarea {
  float: left;
  width: 98%;
  height: 150px;
  font-size: 1.4em;
  }
form.contact-form div.form-btns {
  margin-top: 20px;
  font-size: 1.2em;
  line-height: 30px;
  }
form.contact-form div.form-btns input.btn-small {
  float: left;
  margin-right: 5px;
  }

/* sidebar form */
form.side-form {
  margin: 0 0 30px 0;
}

form.side-form fieldset {
  margin: 0 0 10px 0;
  overflow: hidden;
}

form.side-form fieldset.last {
  margin-bottom: 10px;
}

form.side-form label {
  display: block;
  font-size: 1.1em;
  line-height: 1.7;
  color: #666;
}

form.side-form input.input-text {
  width: 97%;
  font-size: 1.2em;
}

form.side-form textarea {
  float: left;
  width: 80%;
  font-size: 1.1em;
}

form.side-form div.form-btns {
  margin-top: 20px;
  font-size: 1.2em;
  line-height: 30px;
}

form.side-form div.form-btns input.btn-small {
  float: left;
  margin-right: 5px;
}

form label img {
  margin-left: 2px;
  vertical-align: middle;
}

form.settings-form div.fields {
  float: right;
  width: 489px;
  font-size: .9em;
}

div.main-a form.settings-form div.fields ul {
  margin: 0;
}

div.main-a form.settings-form div.fields ul li {
  margin: 0 0 4px 0;
  padding: 0;
  list-style: none;
}

form.settings-form div.fields span.rater {
  margin-right: 30px;
}

form.settings-form div.fields span.rater img,form.settings-form div.fields span.rater input,form.settings-form div.fields span.rater span
  {
  vertical-align: middle;
}

form.settings-form div.form-btns {
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #ccc;
}

form.settings-form div.form-btns input {
  float: right;
}

form.settings-form div.form-btns a.restore {
  float: left;
  font-size: .9em;
  font-weight: bold;
  line-height: 2.4;
}

form.settings-form div.form-btns a.cancel {
  float: right;
  margin: 0 20px 0 0;
  font-size: .9em;
  line-height: 2.4;
  color: #999;
}

form.settings-form div.form-btns a.cancel:hover {
  color: #666;
}

/* data tables */
table.data {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

table.data th,table.data td {
  padding: 4px 8px;
  font-size: .85em;
  line-height: 1.4;
  color: #666;
}

table.data th {
  text-align: left;
  border-bottom: 1px solid #b2b2b2;
}

table.data td {
  border-bottom: 1px solid #ccc;
}

table.data .rating,table.data .country {
  text-align: center;
}

table.data td.title a {
  padding-right: 12px;
  background: url(../img/icon-outlink.gif) no-repeat 100% 50%;
}

table.data td.number,table.data th.number {
  text-align: center;
}

table.data tr.alt td {
  background: #f5f5f5;
}

table.data tr td img {
  vertical-align: middle;
}

table.data tr.totals td {
  color: #fff;
  font-weight: bold;
  border: none;
  background: #333;
}

table.data tr.totals td.total {
  color: #ccc;
}

table.data tr.totals td.first {
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
}

table.data tr.totals td.last {
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
}

/* MANAGE BLOGS */
body#manageblogs h2.subtitle-single {
  float: left;
}

body#manageblogs .action-btn {
  float: right;
  font-weight: bold;
  position: relative;
  bottom: 7px
}

body#manageblogs .action-btn.plain {
  float: none;
  position: static;
}


table.manage-blogs,table.pending-blogs {
  clear: both;
}

table.pending-blogs tr td.url {
  width: 78.3%;

}


table.pending-blogs tr.claim-error {
  background: #ffe9e1;
}

table.pending-blogs tr.claim-success {
  background-color: #F0FFE5;
}

table.pending-blogs tr.claim-msg td {
  text-align: left;
  padding: 0px;
}

table.pending-blogs tr.claim-msg td div { /*height:80px;*/
  display: none;
  padding: 4px;
  padding-left: 25px;
}

table.pending-blogs tr.claim-msg-target td { /*background: #ffe9e1;
   border-bottom: none;*/

}

table.manage-blogs tr td.title {
  width: 75%;
}

table.manage-blogs tr td.remove a,table.manage-blogs tr td.settings a, table.manage-blogs tr td.report a, table.pending-blogs tr td.remove a {
  background-color: inherit;
  padding-left: 20px;
  font-size: 0.9em;
}

table.manage-blogs tr td.remove a, table.pending-blogs tr td.remove a {
  background: url(../img/icon-trash.png) no-repeat 0 50%;
}

table.manage-blogs tr td.settings a {
  background: url(../img/icon-wrench.png) no-repeat 0 50%;
  padding-top: 2px;
}

table.manage-blogs tr td.report a {
  background: url(../img/icon-chart-bar.png) no-repeat 0 50%;
}

/* popup stats */
div.stats-wrap {
  position: relative;
}

div.stats-pop {
  position: absolute;
  right: 20px;
  padding: 10px;
  border: 1px solid #666;
  background: #fff;
  z-index: 444;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
}

div.stats-pop h3 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  color: #333;
  text-align: center;
}

div.stats-pop a.prev {
  float: left;
  padding-left: 8px;
  text-decoration: none;
  color: #999;
  background: url(../img/icon-statspop-prev.gif) no-repeat 0 50%;
}

div.stats-pop a.next {
  float: right;
  padding-right: 8px;
  text-decoration: none;
  color: #999;
  background: url(../img/icon-statspop-next.gif) no-repeat 100% 50%;
}

div.stats-pop a:hover {
  color: #666;
}

div.stats-pop div.stats-pop-chart {
  clear: both;
  padding-top: 10px;
}

div.stats-pop a.stats-pop-close {
  display: block;
  width: 24px;
  height: 24px;
  margin: -20px 0 0 -20px;
  text-indent: -9999px;
  background: url(../img/frame-x.gif) no-repeat 0 0;
}

div.stats-pop a.stats-pop-close:hover {
  background-position: 0 -24px;
}

/* help tooltip styles */
div.qtip div.qtip-content {
  font-size: 1.2em;
  line-height: 1.4;
}

/* secondary styles
--------------------------------------------- */
h3.side {
  margin: 0 0 6px 0;
  font-size: 1.5em;
  line-height: 1.2;
  color: #39c;
}

h3.aside {
  margin: 0 0 2px 0;
  font-size: 2em;
  line-height: 1.2;
  color: #39c;
}

p.info {
  margin: 0 0 10px 0;
  font-size: 1.2em;
  line-height: 1.5;
}

/* nav lists */
ul.navlist {
  margin: 0 0 30px 0;
  border-top: 1px solid #ccc;
}

ul.navlist li {
  border-bottom: 1px solid #ccc;
}

ul.navlist li a {
  display: block;
  padding: 8px;
  font-size: 1.3em;
  line-height: 1;
  text-decoration: none;
  color: #c60;
}

ul.navlist li a:hover,ul.navlist li.active a,ul.navlist li.active {
  color: #333;
  background: #d9ecf6;
}

ul.navlist li a#outloud-sub-link,ul.navlist li.active a#outloud-sub-link
  {
  background-image: url(../img/icon-outloud-sm.gif);
  background-repeat: no-repeat;
  background-position: 175px 50%;
}

ul.navlist li a span.sub {
  padding-right: 16px;
  background: url(../img/icon-nav-arrow.gif) no-repeat 100% 50%;
}

ul.navlist li.active a {
  font-weight: bold;
}

ul.navlist li ul {
  display: none;
  /* urielster: added to help showing the menu items and hide menu */
}

ul.navlist li.active ul {
  margin-bottom: 8px;
  display: block;
  /* urielster: added to help showing the menu items and hide menu */
}

ul.navlist li.active ul li {
  border: none;
  margin: 0 8px;
}

ul.navlist li.active ul li a {
  padding: 3px 6px;
  font-weight: normal;
  line-height: 1.3;
  color: #666;
}

ul.navlist li.active ul li a:hover,ul.navlist li.active ul li.sub-active a
  {
  color: #333;
  background: #a6d3e9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* table tabs */
div.main-a ul.table-tabs {
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
}

div.main-a ul.table-tabs li {
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  list-style: none;
}

div.main-a ul.table-tabs li a {
  float: left;
  padding: 4px 8px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  background: #d9d9d9;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
}

div.main-a ul.table-tabs li a:hover {
  color: #333;
  background: #ccc;
}

div.main-a ul.table-tabs li a.active {
  color: #fff;
  background: #333;
}

/* meter bar */
div.meter h2 {
  margin: 0 0 4px 0;
  font-size: .9em;
  color: #666;
}

div.meter-bar {
  position: relative;
  height: 25px;
  padding: 2px;
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.meter-bar h3 {
  position: absolute;
  right: 10px;
  text-align: right;
  font-size: .9em;
  line-height: 25px;
  color: #666;
  z-index: 333;
}

div.meter-bar span {
  position: absolute;
  height: 25px;
  max-width: 336px;
  background: #c5ed70;
  z-index: 1;
}

/* news list */
ul.news {
  margin: 0 0 30px 0;
}

ul.news li {
  margin: 0 0 10px 0;
}

ul.news li h4 {
  margin: 0 0 2px 0;
  font-size: 1.4em;
  line-height: 1.3;
}

ul.news li h4 a {
  text-decoration: none;
}

ul.news li p {
  font-size: 1.2em;
  line-height: 1.5;
}

ul.news li.more {
  font-size: 1.2em;
  font-weight: bold;
}

/* quotes */
div.quote blockquote {
  margin: 0 0 10px 0;
  padding: 4px 0 0 25px;
  font-family: Georgia, serif;
  font-size: 1.3em;
  font-style: italic;
  line-height: 1.5;
  background: url(../img/icon-quote.gif) no-repeat 0 3px;
}

div.quote blockquote p {
  margin: 0;
  padding: 0;
}

div.quote p.author {
  margin: 0 0 10px 25px;
  font-size: 1.2em;
  line-height: 1.5;
  color: #666;
}

p.more {
  margin: 0 0 30px 0;
  font-size: 1.2em;
  font-weight: bold;
}

/* live chat button */ /* Tom : removed this, applying to iframe instead
div.live-chat {
  margin: 0 0 30px 0;
  } */
iframe.live-chat {
  margin: 0 0 30px 0;
  height: 33px;
  width: 100%;
}

div.live-chat a {
  display: block;
  padding: 10px 8px 10px 96px;
  font-size: 1.3em;
  font-style: italic;
  line-height: 1;
  color: #ffffcc !important;
  /*TOM: added important because IE refused to change color for some reason*/
  text-decoration: none;
  background: #82cc33 url(../img/live-chat.png) no-repeat 0 50%;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: background-color .2s ease-in;
  zoom: 1;
  /*Tom: added zoom so that the object "hasLayout" - fixes IE bug where it does not show the pngfix properly*/
}

div.live-chat.chat-offline a {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: #CCCCCC url(../img/live-chat-offline.png) no-repeat scroll 0
    50%;
  color: #666666 !important;
}

/*
div.live-chat span {
  color: #666;
  background: #ccc url(../img/live-chat-offline.png) no-repeat 0 50%;
  }*/
div.live-chat a:hover {
  background-color: #76bf28;
}

div.live-chat.chat-offline a:hover {
  background-color: #BCBCBC;
}

div.live-chat strong {
  display: none;
}

/* who uses list */
ul.who-uses li {
  margin: 0 0 30px 0;
  font-size: 1.2em;
  line-height: 1.5;
}

ul.who-uses li h4 img {
  display: block;
  margin: 0 0 5px 0;
}

/* choose platform tabs */
div.main-a ul#choose-platform {
  margin-bottom: 15px;
}

div.main-a #choose-platform li {
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 10px 0 0;
  text-align: center;
  width: 70px;
}

div.main-a #choose-platform li em {
  clear: left;
  color: #999999;
  display: block;
  font-size: 0.8em;
  padding-top: 4px;
}

#choose-platform li a {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #CCCCCC;
  color: #999999;
  float: left;
  font-size: 0.8em;
  /*padding: 6px 10px;*/
  padding: 6px 3px;
  text-decoration: none;
  /*width: 50px;*/
  width: 64px;
}

#choose-platform li img {
  display: block;
  margin: 0 auto 4px;
}

#choose-platform li a:hover {
  border-color: #999999;
}

#choose-platform li.active a {
  border-color: #CC6600;
  border-width: 2px;
  /*padding: 5px 9px;*/
  padding: 5px 2px;
}

#choose-platform li.inactive {
  opacity: 0.5;
}

#choose-platform li.inactive:hover {
  opacity: 1;
}

#choose-platform li.inactive a {
  border-color: #CCCCCC;
  border-width: 1px;
  /*padding: 6px 10px;*/
  padding: 6px 3px;
}

/*

#choose-platform li #plat-ss {
     width: 64px;
     padding: 6px 3px;
}


#choose-platform li.active #plat-ss  {
   padding: 5px 2px;
}
*/

/* choose rater type tabs */
div.rater-preview {
  /*margin: 0 0 20px 0;*/ /*Tom : moved this to widget-example*/
}

div#widget-example {
  margin: 0 0 20px 0;
}

div#rec-wrapper {
    margin: 0 0 40px 0; /*Tom : added this*/
}

div.rater-preview img.rater-ontop {
  position: absolute;
  top: 1px;
  left: 1px;
}

h4#choose-preview-header {
  margin: 0 0 6px 0;
}

h4#choose-preview-header em {
  font-size: .9em;
  font-weight: normal;
}

div.main-a ul.choose-rater {
  margin-bottom: 15px;
}

div.main-a .choose-rater li {
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 10px 0 0;
  text-align: center;
}

.choose-rater li a {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border: 1px solid #CCCCCC;
  color: #999999;
  float: left;
  font-size: 1em;
  height: 25px;
  line-height: 25px;
  padding: 6px 10px;
  text-decoration: none;
}

.choose-rater li img {
  display: block;
  vertical-align: middle;
}

.choose-rater li a:hover, .choose-rater li a:visited {
  border-color: #999999;
  color: #999999;
}


.choose-rater li.active a, .choose-rater li.active a:hover, .choose-rater li.active a:visited {
  border-color: #CC6600;
  border-width: 2px;
  padding: 5px 9px;
  color: #999999;
}

.choose-rater li.inactive {
  opacity: 0.5;
}

.choose-rater li.inactive:hover {
  opacity: 1;
}

.choose-rater li.inactive a {
  border-color: #CCCCCC;
  border-width: 1px;
  padding: 6px 10px;
  color: #999999;
}

/* widget select menu */
.widget-select {
  margin: 0 0 20px 0;
}

.widget-select h2 {
  padding: 6px 8px;
  font-size: 1.8em;
  font-weight: normal;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff url(../img/icon-choosewidget.gif) no-repeat 100% 50%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.widget-select h2:hover {
  border-color: #999;
}

div.main-a .widget-select ol {
  margin: 0;
  padding: 0 0 3px 0;
  background: #eee;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
}

div.main-a .widget-select ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget-select ol li a {
  display: block;
  margin: -3px 0 0 0;
  padding: 6px 8px;
  font-size: 1.2em;
  color: #666;
  text-decoration: none;
}

.widget-select ol li a:hover {
  color: #333;
}

/*tom: adding - widget VIDEO PROMO in sidebar: */

.widget-promo, .rater-preview {
  display: none;
}

#show-widget-promo {
  height: 88px;
  margin: 0 0 10px 0;
}

.feedback-subhead-container {
  position: relative;
  width: 130px;
}

.feedback-subhead-container a {
  position:absolute; right:0; top:0;
}

.form-footer {
  display: none;
}

#getWidgetForm .language-translator {
  font-size: 0.8em;
}

form.wide-form .adv-settings-panel.only-claim fieldset {
  margin: 0 0 10px 0;
}

form.wide-form .adv-settings-panel.only-claim label {
  width: 55px;
}
form.wide-form .adv-settings-panel.only-claim label.field_error {
  width: auto;
  margin-left: 65px;
}

#widgetOptions {
  margin-top: 30px;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}



/* blog styles */
body#blog ul.news li a {
  text-decoration: underline;
}

body#blog ul.news li p {
  color: #999;
}

div.blog-entry {
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}

div.blog-entry p.posted {
  font-size: .85em;
  color: #666;
}

div.blog-entry p.posted span {
  margin: 0 4px;
  color: #ccc;
}

div.blog-entry p.posted a.comments {
  padding-left: 18px;
  background: url(../img/icon-comment.gif) no-repeat 0 50%;
}

div.blog-entry h3.blog-sub {
  font-size: 1.2em;
  line-height: 1.4;
  color: #666;
}

div.blog-entry div.figure {
  margin: 0 0 20px 0;
}

dl.blog-archives {
  margin: 0 0 10px 0;
  padding: 0;
}

dl.blog-archives dt {
  margin: 0 0 10px 0;
  font-size: 1.2em;
  font-weight: bold;
}

dl.blog-archives dd {
  float: left;
  width: 26px;
  margin: 0 0 10px 0;
  padding: 0 10px;
  font-size: 1.2em;
  border-left: 1px solid #ccc;
}

dl.blog-archives dd.first {
  padding-left: 0;
  border-left: none;
}

div.rss {
  margin: 0 0 25px 0;
  font-size: 1.2em;
}

div.rss a {
  font-weight: bold;
  text-decoration: none;
  padding-left: 18px;
  background: url(../img/icon-rss.gif) no-repeat 0 50%;
}

/* comments */
#comment-tools {
  float: right;
  font-size: .85em;
}

#comment-tools a.rss {
  padding-left: 16px;
  background: url(../img/icon-rss.gif) no-repeat 0 50%;
}

#comment-tools span {
  margin: 0 4px;
  color: #ccc;
}

#disqus {
  float: right;
  margin-top: 4px;
}

#comments h2.subtitle-comments {
  border-bottom: 3px solid #ccc;
}

div.main-a #comments ol {
  margin: 0 0 20px 0;
  padding: 0;
}

div.main-a #comments ol li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #ccc;
}

div.main-a #comments ol li h3 {
  margin: 0 0 10px 0;
  padding-left: 18px;
  font-weight: normal;
  color: #666;
  background: url(../img/icon-comment.gif) no-repeat 0 50%;
}

div.main-a #comments ol li h3 em {
  float: right;
  margin-top: 3px;
  font-size: .8em;
  font-style: normal;
  color: #999;
}

div.main-a #comments ol li img.avatar {
  float: left;
  margin: 0 10px 0 0;
}

div.main-a #comments ol li div.comment-body {
  margin: 0 0 0 58px;
}

/* alert messages */
div.msg-system, div.msg-action {
  margin: 0 0 20px 0;
  padding: 10px;
  font-size: .9em;
  line-height: 1.3;
  border: 1px solid #ffda80;
  background: #ffff99;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.msg-system {
  border: 1px solid #ffda80;
  background: #ffff99;
  color: #666;

}


div.msg-action { /*green user-action notification*/
  border: 1px solid #82CC33 /*#76BF28*/ ;
  background: #D7FF82;
  color: #666;
}

div.msg-system img {
  margin-left: 10px;
  vertical-align: middle;
}

div.msg-system a.msg-close {
  float: right;
}

div.msg-error {
  margin: 0 0 20px 0;
  padding: 10px;
  font-size: .9em;
  line-height: 1.3;
  color: #c30;
  border: 1px solid #e58e70;
  background: #ffe9e1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* outloud styles
--------------------------------------------- */

#title.outloud {
  padding: 15px 20px 15px 20px;
}

#title #outloud-mega {
  float: left;
  width: 166px;
  margin: 0 40px 10px 0;
}

#title.outloud div.title-text img {
  float: left;
  margin: 5px 10px 0 0;
}

#title.outloud div.title-text p, #title.outloud span.title-text  {
  font-size: 1.8em;
  line-height: 1.4;
  color: #d1e5f0;
}

#title.outloud div.title-text p a:link,#title.outloud div.title-text p a:visited
  {
  font-weight: bold;
  color: #fff;
}

#title.outloud div.title-text p a:hover {
  color: #d1e5f0;
}

/* articles list */
ol.ol-articles {
  border-top: 1px solid #ccc;
}

ol.ol-articles li {
  margin: 0;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}

ol.ol-articles li a {
  font-size: 1.4em;
  line-height: 1;
}

ol.ol-articles li cite {
  font-size: 1.1em;
  font-style: normal;
  color: #999;
}

ol.ol-articles li a.remove {
  float: right;
  margin: -2px 0 0 0;
  padding: 4px 6px 4px 18px;
  font-size: 1.2em;
  line-height: 1;
  text-decoration: none;
  color: #999;
  background: #ebebeb url(../img/icon-ol-x.gif) no-repeat 6px 50%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

ol.ol-articles li a.remove:hover {
  background-color: #e2e2e2;
}

div.ol-tally {
  margin: 0 0 20px 0;
  padding: 15px 10px;
  background: #d9ecf6;
}

div.ol-tally p {
  font-size: 1.2em;
  line-height: 1.4;
  font-style: italic;
  color: #666;
  margin: 0;
}

div.ol-tally h4 {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: normal;
  line-height: 1;
  color: #666;
}

div.ol-checkout {
  margin: 0 0 25px 0;
  padding: 0 10px;
}

div.ol-checkout a.btn-small {
  float: right;
}

div.ol-checkout p {
  width: 60%;
  font-size: 1.2em;
  line-height: 1.6;
}

div.ol-checkout a.btn-small {
  margin-left: 4px;
}

/* popup */
div.ol-pop {
  position: relative;
  padding: 20px;
  font-size: 1.2em;
  line-height: 1.4;
  background: #fff;
  z-index: 3;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

div.ol-pop-wrap {
  height: 300px;
  overflow: auto;
}

div.ol-pop h3,div.ol-pop h4 {
  margin: 0;
  color: #39c;
}

div.ol-pop h3 {
  font-size: 2em;
  line-height: 1.2;
}

div.ol-pop h4 {
  margin: 0 0 10px 0;
  line-height: 1.5;
}

div.ol-pop p {
  margin: 0 0 15px 0;
}

div.ol-pop ul {
  margin: 0 0 15px 0;
}

div.ol-pop ul li {
  margin-left: 2em;
  list-style: disc;
}

div.ol-pop ol li {
  margin-left: 2em;
  list-style: decimal;
}

/* misc */
h4.h-ol {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  font-size: 1.4em;
  color: #39c;
  border-bottom: 1px solid #ccc;
}

h4.h-ol em {
  font-size: .8em;
  font-weight: normal;
  color: #666;
}

.cc {
  float: left;
  margin: 2px 10px 5px 0; /*Tom : changed from 2 5 5 0 to 2 10 5 0*/
}

/* billing */
div.ol-billing p { /*width: 50%;*/ /*Tom:  removed this, unnecessary */
  margin: 0 0 20px 0;
  font-size: 1.1em;
  line-height: 1.4;
  color: #666;
}

form.ol-form {
  font-size: 1.1em;
}

form.ol-form label {
  width: 150px;
  font-size: 1.1em;
}

form.ol-form label.w-desc {
  line-height: 1.4;
}

form.ol-form label em {
  display: block;
  color: #999;
}

form.ol-form strong.stored {
  font-size: 1.2em;
  line-height: 1.8;
}

form.ol-form p.stored {
  margin: 10px 0 0 160px;
}

form.ol-form input.input-text {
  width: 200px;
}

form.ol-form input.short {
  width: 80px;
}

form.ol-form a.helptip {
  float: left;
  margin: 4px 0 0 6px;
}

form.ol-form dl dt {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
}

form.ol-form dl dd {
  margin: 0 0 15px 0;
  font-size: 1.1em;
  line-height: 1.4;
}

form.ol-form fieldset label.claim {
  font-size: 1.1em;
}

div.submit-full {
  padding: 15px;
  text-align: center;
  background: #d9ecf6;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* sign in */
div.main-abc div.msg-error, div.main-abc div.msg-system, div.main-abc div.msg-action {
  /* tom: added this to fix the error message size in main-abc*/
  font-size: 1.3em;
}

body#signin #title h1 {
  /* Tom: replaced specific "outloud" setting with generic one. HOWEVER, it is still specific only to the signin page */
  float: left;
  /* so in case we need more "subtitles" in the blue strip, we might need to make this even more generic.*/
  width: 150px;
}

body#oops #title h1 { /*Tom : added this*/
  float: left;
  width: 120px;
}

body#signin #title p,body#oops #title p {
  /* Tom: replaced specific "outloud" setting with generic one. TODO: make this more generic by applying to all #title, if possible */
  margin: 20px 0 0 0;
  font-size: 1.8em;
  line-height: 1.4;
  color: #d1e5f0;
}

form.signin {
  float: left;
  width: 384px;
  margin-right: 10px;
}

form.signin-last {
  float: right;
  margin-right: 2px;
  /*Tom : added this to solve problem of overflow to the right in the sign-in page with the middle-only template and the main-abc class (previously no margin at all) */
}

form.signin h3.sub-alt,form.signin h3.sub-ol {
  /* Tom : add sub-alt, regular signin uses this as well */
  opacity: 1;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

form.signin label { /*width: 110px;*/
  /*TOM: removed this - moving to top-bottom order instead of floats */
  font-size: 1.2em;
  /* Tom: removed specific font-size because of newly added inheritance from "main-a" class */
}

form.signin input.input-text {
  width: 81.5%;
  /* TOM: changing this to be bigger (was 40%) because moving to top-bottom order*/
}

form.signin input.input-text.openid {
  /*Tom: added this to overcome problem with openid left-padding*/
  width: 77.5%;
}

form.signin p.forgot { /*TOM: changed this completely */
  /*margin-left: 120px;*/ /* tom: no longer needed, alinging to left*/
  font-size: 1.2em;
  /* Tom: changed from 1.2em to 0.9em  because of newly added inheritance from "main-a" class */
  color: #999;
  margin-bottom: 0;
  /* TOM: added this to override newly added inheritance of 20px bottom-margin from "main-a" class */
  float: left;
  text-align: left;
}

form.signin div.join-openid { /*Tom : added this*/
  color: #999;
  /*font-size: 0.8em; FIXED because removed the 1.4em font-size of all spans in main-abc*/
}

form.signin div.join-openid a:link,form.signin div.join-openid a:visited,form.signin div.join-openid a:active
  { /*Tom : added this*/
  color: #999;
}

form.signin div.join-openid a:hover { /*Tom : added this*/
  color: #666;
}

div.join-openid { /*Tom : added this*/
  position: relative;
  height: 15px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

div.join-openid span { /*Tom : added this*/
  position: absolute;
  top: 0;
  right: 10px;
}

#signin-toggle-normal,#register-toggle-normal,.openid-field {
  /*Tom : added this*/
  display: none;
}

input.openid {
  /*NOTE: the special settings are because of the IMAGE which makes this a "3D" element*/
  padding: 5px !important;
  padding-left: 16px !important;
  background-image: url(../img/icon-openid-sml.gif);
  background-repeat: no-repeat;
  background-position: 1px 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
}

input.openid:focus {
  padding: 4px !important;
  padding-left: 15px !important;
  background-position: 0px 50%;
}

form.signin div.alt {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  float: none;
}


form.signin div.alt #agree {
  float: left;
  margin-right: 10px;
}


form.signin label.checkbox-label {
  width: 220px;
  float: left;
  text-align: left;
  line-height: 1.5;
  font-size: 1.4em;
}

form.signin p.forgot a:link,form.signin p.forgot a:visited {
  color: #999;
}

form.signin p.forgot a:hover {
  color: #666;
}

form.signin div.form-focus {
  padding: 15px 0;
}

form.form-focused div.form-focus {
  /* TOM: changed the selector so that the "form-focused" could be applied to the whole form and not only the div*/
  background: #d9ecf6;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-border-radius-top-left: 0;
  /* Tom: Added this because we had a 2 pixel gap */
  -webkit-border-radius-top-right: 0;
  /* Tom: Added this because we had a 2 pixel gap */
  -moz-border-radius: 3px;
  -moz-border-radius-topright: 0;
  /* Tom: Added this because we had a 2 pixel gap */
  -moz-border-radius-topleft: 0;
  /* Tom: Added this because we had a 2 pixel gap */
}

strong.or-between {
  float: left;
  padding-left: 55px;
  font-size: 3em;
  /*TOM: changed from 3em to 2.2em because of newly added font-size inheritance from "main-a" class */
  font-weight: normal;
  line-height: 150px;
  color: #999;
}

div.main-a span.validity,div.main-abc span.validity {
  /* TOM: moved text defintions from here to div.field_error  CHANGED CLASS NAME FROM 'valid' TO  VALIDITY*/
  float: left;
  margin: 4px 0px 0 5px;
  height: 14px;
  width: 20px !important; /* tom: changed from 45px width to 20px?*/
}

input.field_error+span.validity { /*Tom: added this... the red X! */
  background: url(../img/icon-form-x.gif) no-repeat 0 50%;
}

input.valid+span.validity { /*Tom: added this... the green checkmark! */
  background: url(../img/icon-form-check.gif) no-repeat 0 50%;
}

/*TOM: note that we must target it this way, to override other inheritance */
form.gen-form label.field_error {
  /*TOM: added this because the text of "valid" span flowed in an ugly manner when it was long */
  font-size: 0.8em;
  color: #999;
  float: left;
  clear: left;
}

form.wide-form label.field_error {
  width: 100%;
  margin-left: 130px;
  text-align: left;
  line-height: inherit;
}

form.gen-form input.field_error {
  /* Tom: added this to give input fields red border when invalid - MATCHES JQUERY VALIDATION*/
  border: 2px solid #FF8080 !important;
}

form.gen-form input.field_error.openid {
  /* Tom: Added this to fix OPENID FIELD ERROR being jiggly */
  border: 2px solid #FF8080 !important;
  padding: 4px !important;
  padding-left: 15px !important;
  background-position: 0px 50%;
}

form.gen-form input.field_error.openid:focus {
  /* Tom: Added this to fix OPENID FIELD ERROR being jiggly */
  padding: 4px !important;
  padding-left: 15px !important;
  background-position: 0px 50%;
}


form.gen-form span.agree label.field_error {
  float: none;
  margin: 0px;
  margin-left: 3px;
  position: absolute;
  left: 20px;
  top: 20px;
  width: auto;
  font-size: 1em;
  color: #FF8080;
}

body#signin form.gen-form span.agree.fixed label.field_error {
  bottom: 18px;
  right: -15px;
  left: auto;
  top: auto;
}

fieldset.remember label {
  float: none;
}

div.main-abc form.gen-form label.field_error {
  font-size: 1.1em;
}

div.stats-block {
  padding: 15px;
  text-align: center;
  background: #e2f6b7;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

div.stats-block strong {
  display: block;
  margin: 0 0 0 0;
  font-size: 3em;
  line-height: 1;
  color: #693;
  font-weight: bold;
  min-height:42px;
}

div.stats-block em {
  display: block;
  font-size: .9em;
  font-style: normal;
  line-height: 1;
  color: #666;
}

div.stats-block em span{
  font-size: .8em;
}


div.main-a ol.shown-on {
  border-top: 1px solid #b2b2b2;
}

div.main-a ol.shown-on li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #ccc;
}

div.main-a ol.shown-on li.alt {
  background: #f5f5f5;
}

div.main-a ol.shown-on li a:link,div.main-a ol.shown-on li a:visited {
  display: block;
  padding: 5px;
  font-size: .8em;
  line-height: 1.3;
  text-decoration: none;
  color: #666;
}

div.main-a ol.shown-on li.tumblr a {
  padding-left: 20px;
  background: url(../img/icon-tumblr-16.gif) no-repeat 0 50%;
}

div.main-a ol.shown-on li a:hover {
  color: #333;
}

a.view-more {
  display: block;
  text-align: right;
  font-size: .9em;
  font-weight: bold;
}

/* billing */
div.full-half form.ol-form {
  font-size: .8em;
}

/* manage */
div.ol-active-select {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
}

div.ol-actions {
  margin: 0 0 20px 0;
}

div.ol-actions select {
  float: left;
  margin: 5px 5px 0 0;
  vertical-align: middle;
}

div.action-btn ,a.action-btn, input.action-btn {
  float: left;
  padding: 4px 6px;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  background: #ffda80;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.ol-actions a.add {
  float: right;
  font-weight: bold;
}

/* manage popups */
.ol-pop p.replace {
  margin-bottom: 0;
}

.ol-pop p.url {
  font-size: 1.4em;
  color: #666;
}

.ol-pop p.url a.edit-link {
  padding: 4px 6px;
  font-size: .8em;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  background: #e5e5e5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.ol-pop p.url a.edit-link:hover {
  background: #d9d9d9;
}

form#ol-replace-url input {
  vertical-align: middle;
}

form#ol-replace-url input#ol-replace-input {
  width: 70%;
  margin-right: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  color: #999;
}

.ol-pop p.ol-pop-note {
  width: 90%;
  margin: 10px 0 0 0;
  color: #999;
}

.ol-pop div.submit-full h4 {
  margin: 0 0 15px 0;
  font-size: 1.2em;
  color: #333;
}

.ol-pop div.submit-full a.btn-no {
  margin-left: 15px;
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
}

.ol-pop div.submit-full a.btn-no:hover {
  color: #333;
}

/* footer
--------------------------------------------- */
#footer {
  margin: 20px 0 0 0;
  padding: 15px 0 25px 0;
  font-size: 1.2em;
  line-height: 1.4;
  color: #666;
  border-top: 1px solid #e5e5e5;
}

#footer-links {
  float: right;
  color: #ccc;
}

#footer-links a:link,#footer-links a:visited {
  margin: 0 4px;
  color: #999;
}

#footerlinks a.last {
  margin-right: 0;
}

#footer-links a:hover {
  color: #666;
}

a.twitter-link {
  padding: 5px 7px 5px 23px;
  text-decoration: none;
  color: #333;
  background: #d9ecf6 url(../img/icon-twitter.gif) no-repeat 0 50%;
  border-radius: 2px;
  color:#999999;
  margin:0 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: background-color .2s ease-in;
}

.main-b a.twitter-link {
  padding: 10px 7px 10px 27px;
  background: #d9ecf6 url(../img/icon-twitter.gif) no-repeat 3px 50%;
}

a.twitter-link:hover {
  background-color: #ebf7fd;
}

div.main-b a.twitter-link {
  display: block;
  font-size: 1.4em;
}
/* misc.
--------------------------------------------- */
hr,.hide {
  display: none;
}

.offleft {
  position: absolute;
  left: -9999px;
  border: none !important;
}

a img {
  border: none;
}

a.openid { /*Tom : changed this to be a different image*/
  /* padding-left: 20px;
  background: url(../img/icon-openid-white.gif) no-repeat 0 50%;*/
  padding-left: 16px;
  background: url(../img/icon-openid-sml.gif) no-repeat 0 50%;
}

/* self-clear floats */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Tom: RAN - I AM REMOVING THIS BECAUSE I SEE JSM ADDED THIS HIMSELF ABOVE! Tom
span.valid {
  color:#999999;
  float:right;
  margin:4px 0 0 5px;
  width:95px;
  font-size: smaller;
}

*/ /* OOPS PAGES: */
  /* Tom: Added this to be similar to the one in "signin" page. TODO: make this more generic by applying to all #title, if possible */
  /*
 body#oops404 #title h1 {
  float: left;
  width: 120px;
  }
 body#oops404 #title p {
  margin: 20px 0 0 0;
  font-size: 1.8em;
  line-height: 1.4;
  color: #d1e5f0;
  }

*/ /* MORE: */
.language-selector {
  /*TOM : added this as a general style for all instances of language selection */
  width: 160px;
}

.language-translator {
  /*TOM:  this probably needs to be referred to only as part of a CERTAIN LAYOUT because of the font-size...*/
  font-size: 0.9em
}

input.input-text.no-edit {
  font-style: italic;
  letter-spacing: 1px;
}

ul.partners li {
  margin-bottom: 10px;
}


.contact-address {
  height: 4em;
}
#contact h3 {
  color:#CC6600;
}



/* Urielster - Blocks Style */ /* ######################## */
.report-block {
  padding: 7px;
  float: left;
}

.report-title{
    font-size:1.5em;
    font-weight: bolder;
  }


.report-block .report-block-content {
  -moz-border-radius: 6px;
}


.report-block.greenBlock{
  width: 180px;
  height: 100px;
  background-color: #E7F7B5;
  color:#669933;
}
.greenBlock .greenBlockTitle,.blueTitle {
  background-color: #ffffff;
  color: #3399cc;
  display:inline;
}

.report-block-content {
  font-size:3em;
  font-weight:bold;
  line-height:1;
  margin:0 0 5px;
}

.blueBox {
  -moz-border-radius: 6px 6px 6px 6px;
  border: 4px solid #C4EAFD;
  float: right;
  font-size: 12px;
  margin-top: -6px;
  padding-left: 5px;
  float:left;
  width:100%;
  margin-bottom: 20px;
  height: 130px;
  width:950px;
}

.greenBlock .organic,
.greenBlock .paid{
  font-size: 0.9em;
}

.greenBlock .organic em,
.greenBlock .paid em
{
  font-weight:bold;
  display:inline;
  color: #693;
}


.greenBlock .organic{
  margin-right:10px;
}
.report-block.grayBlock .report-block-content {
  width: 30px;
  height: 100px;
  background-color: #ffffff;
  color: #b4b4b4;
  font-size: 3em;
}


.block-title h3{
    font-size:1.5em;
    font-weight: bolder;
    color: #3399cc;
}

.block-help-td{
    padding:3px;
    vertical-align: top;
    width:1px;
}

/* Urielster - Blocks Containers Style */ /* ######################## */

.report-container{
  margin-bottom: 15px;
}

.report-container-title{
  border-bottom: 1px solid #cccccc;
  margin-bottom: 12px;
  margin-top: 5px;
}

.report-container-footer-link{
    padding-top:25px;
    text-align: right;
    clear: left;
}
.report-container-content .helptip{
  vertical-align: text-top;
}


/* Added by urielster - give image at the top title some space*/

#title .top-title-image{
  float:left;
  margin:0 40px 10px 0;
  width:166px;

}


/* ADDED LATELY BY JSM*/
#select-options img {
  left: -48px;
  position: absolute;
  top: 0;
}

#select-options {
  height: 35px;
  position: relative;
}

/* make a long tail on the screen - good for anchor last-item jumps */
.long-tail{
  padding-top:1000px;
}


div#no-blogs .add-blog {
  text-align: center;
}
div#no-blogs a.add {
  float: none;
  font-weight: bold;
  font-size: 1.2em;
}


#dateDialog fieldset{
  margin-left : 10px;
  margin-top : 15px;
  font-weight: bold;
}
#dateDialog fieldset label{
  margin-left : 4px;
}


/* Added in Jan 2010 - Lisa's changes */

div.mini-cols {
margin-left:auto;
margin-right:auto;
margin-bottom: 15px;
}

div.mini-cols a, div.mini-cols div {
text-decoration: none;
color:inherit;
float:left;
padding:5px;
margin-left: 4px;
margin-right: 4px;
width:30%;
}

div.mini-cols a {
  height: 120px;
  border: 1px solid #C4EAFD;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

}


div.mini-cols a:hover {
  border-color: #5EAED7;
}

div.mini-cols a span{
 color: #349ACD;
}

div.mini-cols a.last, div.mini-cols div.last{
margin-right: 0px;
}

div.mini-cols a.first, div.mini-cols div.first{
margin-left:0px;
}

div.mini-cols a h2, div.mini-cols div h2{
 margin-bottom: 10px;
 color: #F79646
}


/* PRE SIFR FIX (FALLBACK)*/

h3.sub-ol {
  color: #39c;
  font-size: 2em;
  line-height: 1.2;
}
h3.subhead {
    font-size: 1.1em;
    line-height: 1;
    color: #39c;
}

h2.report-title{
  background-color: #ffffff;
  color: #CC6600;
  leading: -5;
}

#thanksDiv {
  display: none;
  font-size: 1.4em;
  color: #CC6600;
  padding: 15px;
}

#analyticsFrame {
  display: none;
}

/* ----------------------------------------------------------------------- */
/*
 * SIFR CSS
 */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}



/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  /*
  .sIFR-active  #home-core h1 {
    font-size: 2.8em;
    visibility: hidden;
  }*/


  .sIFR-active .home-core h2 {
    font-size: 1.6em;
    visibility: hidden;
  }

  /* DEPRECATED*/
  .sIFR-active .home-blurb h1 {
    font-size: 2.7em;
    visibility: hidden;
  }
  .sIFR-active h3.sub {
    font-size: 2.4em;
    line-height: 1.2;
    visibility: hidden;
  }
   .sIFR-active h3.sub-alt, .sIFR-active h3.sub-ol  { /* TOM: change sub-ol to "sub-alt" to make it more generic, used by regular signin as well!  */
    font-size: 2em;  /*TOM: changed from 2em , because of newly added font-size inheritance from "main-a" class */
    line-height: 1.2;
    visibility: hidden;
  }

  .sIFR-active #home-seelive h3 {
    margin-top: 25px;
    font-size: 2em;
    visibility: hidden;
  }
  .sIFR-active #title h1 {
    font-size: 4em;
    visibility: hidden;
  }
  .sIFR-active h2.subtitle, .sIFR-active h2.subtitle-single {
    font-size: 1.4em;
    visibility: hidden;
  }
  .sIFR-active h3.side {
    font-size: 1.5em;
    line-height: 1;
    visibility: hidden;
  }
   .sIFR-active h3.aside {
    font-size: 1.8em;
    line-height: 1;
    visibility: hidden;
  }
  .sIFR-active h3.subhead {
    font-size: 1.1em;
    line-height: 1;
    visibility: hidden;
  }
   .sIFR-active h3.side-small {
    font-size: 1.6em;
    line-height: 1;
    visibility: hidden;
  }
}

/* -------------------------------- END SIFR ------------------------------*/