/*
  *****************************************************
  * file:               campaigns.css
  * copyright:          lexposure.net
  * author:             uli preuss
  * target browser:     firefox / safari / opera
  * last modification:  2008/11/20
  *****************************************************
*/

/*** Setting Global Colors ***/

#lex-mainFrame-header-path a,
#opener .openerColor,
#blog-opener .openerColor,
h3.sortable-header,
#leftColumn .browse-header .result-notice span,
#leftColumn .flavour-header,
#leftColumn #congratulations-message h2,
#rightColumn .section-teaser h3 span {
  color: #ffbf00;
}

ul.tabBar {
  border-bottom:4px solid #ffbf00;
}

#leftColumn #congratulations-message {
  border: 2px solid #ffbf00;
}

#lex-mainFrame-header-userMenu,
.tabBar li.selected,
.tabBar li.selected:focus,
.tabBar li.selected:hover,
#leftColumn .info-sheet-details-header {
  background-color:#ffbf00;
}

/** SECTION TEASER **/
  #section-teaser #section-teaser-body {
    border-bottom-color: #ffbf00;
  }
  #section-teaser h2 {
    background: transparent url(http://assets.lexposure.net/images/global/browse/campaigns-speechballon.png) no-repeat;
  }


/*** ELEMENTS ***/
h2 {
  font-size:1.9em;
  margin:0.8em auto 0 auto;
  border-bottom: 3px solid #283232;
}


/*** TABS ***/
#campaigns-ranking .tabBar li {
  font-size:14px;
  position: relative;
  top: 2px;
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  head~body #campaigns-ranking .tabBar li {
    font-size:13px;
  }
}
#campaigns-ranking .tabBar li.selected {
  font-size:16px;
  position: static;
}
#campaigns-ranking .tabBar li.lastItem {
  float: right;
}

/** FEATURED CAMPAIGN **/
#leftColumn .featured-campaign-title {
  position:relative;
}
  #leftColumn .featured-campaign-title .sign {
    position:absolute;
    bottom:0.6em;
    left:53.3em;
    background:#00b1ff;
    padding:0.3em;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px!important;
  }

  .win.ie7 #leftColumn .featured-campaign-title .sign {
    bottom:0.8em;
  }
    #leftColumn .featured-campaign-title .sign span {
      position:relative;
      display:block;
    }
      #leftColumn .featured-campaign-title .sign span img {
        position:absolute;
        top:0.3em;
        left:9em;
      }
    #leftColumn .featured-campaign-title .sign a {
      color:#fff;
    }

#leftColumn .featured-campaign-title h1 {
  line-height: .9em;
  margin:0;
  padding-right: 125px;
  text-transform:uppercase;
  font-family:Georgia;
  font-weight:normal;
  padding:0 0 0.2em 0;
}
  #leftColumn .featured-campaign-title h1 span {
    display:block;
    font-style:italic;
    font-size:20px;
    white-space: nowrap;
    text-transform:none;
  }

#leftColumn #featured-campaign-entry {
  margin: 0 0 2em 0;
}
  #leftColumn #featured-campaign-entry #featured-campaign-big-image {
    text-align: center;
    background-color: #eee;
    width: 706px;
    height:470px;
    overflow: hidden;
  }
    #leftColumn #featured-campaign-entry #featured-campaign-big-image-img {
      height: 470px;
      margin: 0 auto;
    }
    #leftColumn #featured-campaign-entry #campaign_images_carousel,
    #leftColumn #featured-campaign-entry #campaign_images_carousel .container,
    #leftColumn #featured-campaign-entry #campaign_images_carousel .previous_button,
    #leftColumn #featured-campaign-entry #campaign_images_carousel .next_button {
      height: 97px;
    }
    #leftColumn #featured-campaign-entry #featured-campaign-big-image img.hidden {
      height: 1px;
      visibility: hidden;
      width: 1px;
    }
    #leftColumn #featured-campaign-entry #featured-campaign-big-image img.small {
      display: block;
      height: 73px;
    }
  #leftColumn #featured-campaign-entry #image-info,
  #leftColumn #featured-campaign-entry #image-actions {
    float: left;
    margin: 0.3em 0 0 0;
    font-style: italic;
    font-size: 1.1em;
    color: #666;
  }
  #leftColumn #featured-campaign-entry #image-actions {
    float: right;
  }
    #leftColumn #featured-campaign-entry #image-actions span {
      color: #ccc;
    }
  #leftColumn #featured-campaign-entry h2 {
    margin-top: 0;
  }

  #leftColumn #featured-campaign-entry #featured-campaign-big-image ul {
    margin:0;
    padding:0.2em 0 0.5em 0;
    list-style-type:none;
  }
    #leftColumn #featured-campaign-entry ul li {
      padding: 4px 0;
    }


/*** MORE CAMPAIGNS ***/
/*** FLAVOUR ***/

#leftColumn .more-campaigns-header,
#leftColumn .flavour-header {
  border-bottom: 1px solid #283232;
  font-family:Helvetica, Arial, sans-serif;
  font-style:normal;
  font-weight:bold;
  font-size:2.0em;
}

#leftColumn .flavour-header {
  border-bottom:3px solid #283232;
  font-size:23px;
}
  #leftColumn .flavour-header span {
      color:#283232;
    font-size:15px;
    font-style:normal;
  }

#more-campaigns,
#flavour {
  padding:0 0 1em 0;
  list-style:none;
  margin-bottom:0;
  border-bottom:1px solid #283232;
}

  #more-campaigns li,
  #flavour li {
    float:left;
    width:22.8em;
    margin-bottom:0.5em;
    margin-right:0.6em;
  }
  #more-campaigns li,
  #flavour li {
    margin-bottom:1.5em;
  height: 42px;
  }

  #more-campaigns li:focus,
  #more-campaigns li:hover,
  #flavour li:focus,
  #flavour li:hover {
    /*background:#e8ebed;*/
  }

    #more-campaigns li img,
    #flavour li img {
      margin-right:0.5em;
    display: block;
    border:1px solid #e8ebed;
    }
    #more-campaigns li img:focus,
  #more-campaigns li img:hover,
    #flavour li img:focus,
  #flavour li img:hover {
      border:1px solid #ffbf00;
    }
    #flavour li a.img,
    #more-campaigns li a.img {
        float:left;
      width:67px;
    margin-right:10px;
    display: block;
  }

    #more-campaigns li a.brandname,
    #flavour li a.brandname {
      font-size:13px;
      font-weight:bold;
      font-family:Helvetica, Arial, sans-serif;
      display:block;
      color:#283232;
    }

    #more-campaigns li a:focus,
    #more-campaigns li a:hover,
    #flavour li a:focus,
    #flavour li a:hover {
      color:#00b1ff;
    }

    #more-campaigns li span,
    #flavour li span {
      font-size:13px;
      font-weight:normal;
      font-style:italic;
      font-family:Georgia;
      display:block;
    }


#search-results {
  border-bottom: 3px solid #282832;
  padding-bottom: 1em;
}
  #search-results .campaign {
    font-size: 1.3em;
    position: relative;
  }
  #search-results .campaign + .campaign {
    border-top: 1px solid #282832;
    margin-top: 1em;
    padding-top: 1em;
  }
    #search-results .campaign h3 {}
    #search-results .campaign span {
      font-size: 1.1em;
      font-style: italic;
    }
    #search-results .campaign .campaign-creatives {
    font-family: Helvetica, Arial, sans-serif;
    font-weight:bold;
      margin: 1.6em 0 0;
    }
      #search-results .campaign .campaign-creatives a {
        color:#747B7E;
    font-weight:normal;
      }
   #search-results .campaign .campaign-creatives a:focus,
   #search-results .campaign .campaign-creatives a:hover {
        color:#00b1ff;
      }

/*** MORE FROM ***/

#rightColumn .more-from-header {
  border-bottom: 3px solid #283232;
  font-family:Helvetica, Arial, sans-serif;
  font-style:normal;
  font-weight:bold;
  font-size:18px;
}

#rightColumn #more-from {
  padding:0;
  list-style:none;
}

  #rightColumn #more-from li {
    float:left;
    width:23.4em;
    margin-bottom:0.5em;
  }
    #rightColumn #more-from li img {
      float:left;
      margin-right:0.5em;
    }
    #rightColumn #more-from li a.profile-name {
      font-size:15px;
      font-weight:bold;
      font-family:Helvetica, Arial, sans-serif;
      display:block;
      color:#ffbf00;
    }
    #rightColumn #more-from li a:focus,
    #rightColumn #more-from li a:hover {
      color:#00b1ff;
    }
    #rightColumn #more-from li span {
      font-size:13px;
      font-weight:normal;
      font-style:italic;
      font-family:Georgia;
      display:block;
    }

/** HEADER @ BLOG **/

#rightColumn .browsing-entries  {
  font-size:1.6em;
  font-style: italic;
  margin-bottom: 1em;
}
    #rightColumn .browsing-entries a,
    #rightColumn .browsing-entries a:link,
    #rightColumn .browsing-entries a:visited {
      color: #ffbf00;
    }
    #rightColumn .browsing-entries a:hover,
    #rightColumn .browsing-entries a:focus {
      color:#00b1ff;
    }

/** POSTED CAMPAIGN @ BLOG **/

#leftColumn .post .post-header {
  text-align:center;
  margin-bottom:1em;
}
  #leftColumn .post .post-header h2 {
    border: none;
    font-size:2.95em;
    margin:20px 0 5px;
    font-style:normal;
  }
  #leftColumn .post .post-header h2 a,
  #leftColumn .post .post-header h2 a:focus,
  #leftColumn .post .post-header h2 a:hover {
    color:#283232;
  }

  #leftColumn .post .post-header .subline {
    font-style:italic;
    font-size:1.2em;
  }
  #leftColumn .post .post-header hr {
    width:32em;
    margin:0.5em auto;
  }
  #leftColumn .post .posted-campaign-entry-image {
    width: 707px;
    font-size: 1.1em;
    font-style: normal;
    margin: 0;
    position:relative;
  }
    #leftColumn .post .posted-campaign-entry-image img.entry-image {
     border: 1px solid #e8ebed;
    }

  #leftColumn .post .posted-campaign-entry-text {
    font-size: 1.35em;
    margin: 3px 0 0 0;
    line-height:1.4em;
  }

  #leftColumn .post .posted-campaign-entry-actions {
    margin: 12px 0 3px 0;
    font-size:12px;
    font-style:italic;
  }
    #leftColumn .post .posted-campaign-entry-actions img {
      padding:0 0.3em 0 0.5em;
    }

    #leftColumn .post .posted-campaign-entry-actions .floatR span,
    #leftColumn .post .posted-campaign-entry-actions .floatL span {
      position:relative;
      top:-3px;
    }

/*** STARTPAGE ***/

#leftColumn .startpage-recent-post-header {
  border-bottom:3px solid #283232;
  font-size:23px;
  font-family:Helvetica, Arial, sans-serif;
  color:#ffbf00;
  font-weight:bold;
  font-style:normal;
}

#leftColumn .startpage-recent-post {
  padding:0;
  list-style:none;
  margin-bottom:0;
  border-bottom:1px solid #283232;
}

  #leftColumn .startpage-recent-post li {
    float:left;
    width:227px;
    margin-right:12px;
  }

  #leftColumn .startpage-recent-post li img {
    border:1px solid #e8ebed;
    width: 227px;
  }
  #leftColumn .startpage-recent-post li img:focus,
  #leftColumn .startpage-recent-post li img:hover {
    border:1px solid #ffbf00;
  }

  #leftColumn .startpage-recent-post li h3 {
    margin-bottom:0.3em;
    padding:0.3em 0;
    border-top:1px dotted #283232;
    font-size:18px;
    min-height:38px;
  }

  .webkit.safari3 #leftColumn .startpage-recent-post li h3 {
  min-height:2.3em;
  }
    #leftColumn .startpage-recent-post li h3 a {
      color:#283232;
    }
    #leftColumn .startpage-recent-post li h3 a:focus,
    #leftColumn .startpage-recent-post li h3 a:hover {
      color:#00b1ff;
    }

  #leftColumn .startpage-recent-post li p {
    margin:0.5em 0 0.2em 0;
    font-size:15px;
    font-style:normal;
    text-transform:uppercase;
  }


/*** CAMPAIGNS CMS ***/

#opener .step {
  color:#283232;
}

#cms-content .btnArea {
  text-align:right;
  margin-top:2em;
}

#leftColumn #cms-content-preview .post,
#leftColumn #cms-content-preview .cms-preview {
  border:1px solid #e8ebed;
  padding:1em;
}

#leftColumn #cms-content h2.cms {
  font-family:Helvetica, Arial, sans-serif;
}

#leftColumn img.capaigns-blog-preview-speechballon {
  position: relative;
  margin: 12px 0 -11px 60px;
  z-index: 199;
}

#leftColumn .row .sndColumn,
#leftColumn .row .agency {
  margin-right:0;
}
  #leftColumn .row .agency label {
    font-weight:normal;
    font-style:italic;
  }

#leftColumn .row .column select,
#leftColumn .row .one3rdcolumn select {
  width:100%;
  margin-top:0.2em;
}

/** FILE UPLOAD **/

#leftColumn div.fileupload {
  background: url(http://assets.lexposure.net/images/campaigns/cms/btn-campaigns-browse.png) 0 0 no-repeat;
}

#leftColumn div.notice {
  background-color:#ffbf00;
}

#leftColumn .notice-upload-noimages,
#leftColumn .notice-choose-section {
  color:#ffbf00;
}

/* BROWSE */

#search-results .campaign div.campaign-image {
  float:left;
  margin-right:7px;
  width:110px;
}
  #search-results .campaign div.campaign-image img {
    float:none;
    margin-right:0;
  }

#search-results .campaign div.campaign-infos {
  float:left;
}