@charset "UTF-8";
/* ---------------------------------------------------------------- */
/**
 * Stylesheet fuer verschiedene Controls
 *
 * $Rev: 9590 $ $Date: 2010-09-06 22:37:56 +0200 (Mo, 06 Sep 2010) $
 * $Author: Wojewsky $
 * $URL: https://wb4serv.heinze.de/projects_and_applications/bhp_BauherrenPortal/frontend/branches/hze 0.5/application/hze/css/yaml/screen/layouts/controls.css $
 *
 * @category hze_css
 * @package  HZE_Css
 * @version  $Rev: 9590 $
 * @author   $Author: Wojewsky $
 */
/* ---------------------------------------------------------------- */

@media all {
  /* ---------------------------------------------------------------- */
  /* Pager                                                            */
  /* ---------------------------------------------------------------- */
  .cssPager {
    overflow: hidden;
  }

  .cssPager A.cssPagerFirst,
  .cssPager SPAN.cssPagerFirst,
  .cssPager IMG.cssPagerFirst {
    margin: 0 3px 0 0;
    width: 21px;
    height: 19px;
    display: block;
    float: right;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -212px;
  }

  .cssPager A.cssPagerPrev,
  .cssPager SPAN.cssPagerPrev,
  .cssPager IMG.cssPagerPrev {
    width: 18px;
    height: 19px;
    display: block;
    float: right;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -23px -212px;
  }

  .cssPager A.cssPagerNext,
  .cssPager SPAN.cssPagerNext,
  .cssPager IMG.cssPagerNext {
    width: 18px;
    height: 19px;
    display: block;
    float: right;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -43px -212px;
  }

  .cssPager A.cssPagerLast,
  .cssPager SPAN.cssPagerLast,
  .cssPager IMG.cssPagerLast {
    margin: 0 0 0 3px;
    width: 21px;
    height: 19px;
    display: block;
    float: right;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -63px -212px;
  }

  .cssPager A.cssPagerFirstDisabled,
  .cssPager SPAN.cssPagerFirstDisabled,
  .cssPager IMG.cssPagerFirstDisabled {
    background-position: 0 -233px;
  }

  .cssPager A.cssPagerPrevDisabled,
  .cssPager SPAN.cssPagerPrevDisabled,
  .cssPager IMG.cssPagerPrevDisabled {
    background-position: -23px -233px;
  }

  .cssPager A.cssPagerNextDisabled,
  .cssPager SPAN.cssPagerNextDisabled,
  .cssPager IMG.cssPagerNextDisabled {
    background-position: -43px -233px;
  }

  .cssPager A.cssPagerLastDisabled,
  .cssPager SPAN.cssPagerLastDisabled,
  .cssPager IMG.cssPagerLastDisabled {
    background-position: -63px -233px;
  }

  .cssPager .cssPagerPages {
    margin: 0 9px 0 7px;
    float: right;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: normal;
  }

  .cssPager .cssPagerPages A,
  .cssPager .cssPagerPages SPAN {
    color: #666;
    font-size: 12px;
    line-height: 1.4em;
    padding: 0 3px;
    text-decoration: underline;
  }

  .cssPager .cssPagerPages SPAN {
    text-decoration: none;
  }

  .cssPager .cssPagerPages A.cssPagelineCurrent,
  .cssPager .cssPagerPages SPAN.cssPagelineCurrent,
  .cssPager .cssPagerPages IMG.cssPagelineCurrent {
    text-decoration: none;
    color: #111;
  }

  /* ---------------------------------------------------------------- */
  /* Toggle                                                           */
  /* ---------------------------------------------------------------- */
  .allToggleArea {
    overflow: hidden;
  }

  .allToggleArea.cssToggleAreaWithOverflow {
    overflow: visible;
  }

  .allToggleArea .allToggleSwitch,
  .allToggleArea .allToggleSwitchSearchBar {
    cursor: pointer;
  }

  .allToggleArea .allToggleSwitchSearchBar {
    overflow: hidden;
    width: 100%;
  }

  .allToggleArea .allToggleSwitch:hover,
  .allToggleArea .allToggleSwitchSearchBar:hover {
    color: #c64001 !important;
  }

  .allToggleArea .allToggleSwitch SPAN,
  .allToggleArea .allToggleSwitchSearchBar SPAN.cssIcon {
    float: left;
    display: block;
    width: 11px;
    height: 6px;
    margin: 6px 5px 0 0;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -73px -304px
  }

  .allToggleArea .allToggleSwitch:hover SPAN,
  .allToggleArea .allToggleSwitchSearchBar:hover SPAN.cssIcon {
    background-position: -73px -317px;
  }

  .allToggleAreaClose .allToggleSwitch SPAN,
  .allToggleAreaClose .allToggleSwitchSearchBar SPAN.cssIcon {
    width: 6px;
    height: 11px;
    margin: 3px 10px 0 0;
    background-position: -65px -304px;
  }

  .allToggleAreaClose .allToggleSwitch:hover SPAN,
  .allToggleAreaClose .allToggleSwitchSearchBar:hover SPAN.cssIcon {
    background-position: -65px -317px;
  }

  .allToggleArea .allToggleSwitchSearchBar SPAN.cssText {
    float: left;
    width: 180px;
  }

  .allToggleContent {
    clear: both;
  }

  .allToggleArea.cssToggleAreaWithOverflow .allToggleContent {
    overflow: visible !important;
  }

  .allToggleAreaClose .allToggleContent {
    display: none;
  }

  /* ---------------------------------------------------------------- */
  /* ToolTips                                                         */
  /* ---------------------------------------------------------------- */
  DIV.cssToolTips {
    position: absolute;
    z-index: 3000;
    color: #444;
    font-size: 13px;
    line-height: 1.4em;
    width: auto;
    text-align: left;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                repeat-x
                0px -366px;
    height: 24px;
    border: none;
    padding: 1px 6px 0 12px;
    white-space: nowrap !important;
  }

  DIV.cssToolTips.tip {
    position: relative;
  }


  DIV.cssToolTips DIV.body {
    position: absolute;
    right: -6px;
    top: 0px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                -494px -366px;
    width: 6px;
    height: 24px;
    display: block !important;
  }

  DIV.cssToolTipsMultiLine {
    position: absolute;
    z-index: 300;
    color: #333;
    font-size: 13px;
    line-height: 1.4em;
    width: auto;
    text-align: left;
    border: 1px solid #d9d9d9;
    background: #eaeaea;
    padding: 8px;
  }

  /* ---------------------------------------------------------------- */
  /* BalloonHints                                                      */
  /* ---------------------------------------------------------------- */
  DIV.cssBalloonHint,
  DIV.cssBalloonHintLarge,
  DIV.cssBalloonHintMedium,
  DIV.cssBalloonHintSmall {
    position: absolute;
  }

  DIV.cssBalloonHint DIV.cssBalloonHintTop {
    width: 316px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -975px;
  }

  DIV.cssBalloonHint DIV.cssBalloonHintBottom {
    width: 316px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -983px;
  }

  DIV.cssBalloonHint DIV.cssBalloonHintContent {
    width: 316px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -3925px 0;
  }

  DIV.cssBalloonHintLarge DIV.cssBalloonHintTop {
    width: 410px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -1075px;
  }

  DIV.cssBalloonHintLarge DIV.cssBalloonHintBottom {
    width: 410px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -1083px;
  }

  DIV.cssBalloonHintLarge DIV.cssBalloonHintContent {
    overflow: hidden;
    width: 410px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -4398px 0;
  }

  DIV.cssBalloonHintMedium DIV.cssBalloonHintTop {
    width: 186px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -1093px;
  }

  DIV.cssBalloonHintMedium DIV.cssBalloonHintBottom {
    width: 186px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -1101px;
  }

  DIV.cssBalloonHintMedium DIV.cssBalloonHintContent {
    overflow: hidden;
    width: 186px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -4810px 0;
  }

  DIV.cssBalloonHintSmall DIV.cssBalloonHintTop {
    width: 146px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -993px;
  }

  DIV.cssBalloonHintSmall DIV.cssBalloonHintBottom {
    width: 146px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -1001px;
  }

  DIV.cssBalloonHintSmall DIV.cssBalloonHintContent {
    overflow: hidden;
    width: 146px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -4250px 0;
  }

  DIV.cssBalloonHint DIV.cssBalloonHintArrow,
  DIV.cssBalloonHintLarge DIV.cssBalloonHintArrow,
  DIV.cssBalloonHintMedium DIV.cssBalloonHintArrow,
  DIV.cssBalloonHintSmall DIV.cssBalloonHintArrow {
    position: absolute;
    left: -12px;
    top: 14px;
    width: 14px;
    height: 22px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -124px -829px;
  }

  DIV.cssBalloonHint DIV.cssBalloonHintContent P,
  DIV.cssBalloonHintLarge DIV.cssBalloonHintContent P,
  DIV.cssBalloonHintMedium DIV.cssBalloonHintContent P,
  DIV.cssBalloonHintSmall DIV.cssBalloonHintContent P {
    font-size: 13px;
    line-height: 1.44em;
    padding: 8px 12px;
  }

  /* ---------------------------------------------------------------- */
  /* ButtonLinks                                                      */
  /* ---------------------------------------------------------------- */
   P.cssButtonLink {
    clear: both;
    margin: 5px 0 0 0;
  }

  P.cssButtonLink.cssButtonLinkSelected {
    margin: 8px 0 0 0;
    overflow: hidden;
  }

  P.cssButtonLink SPAN.cssButtonLinkText {
    float: right;
    width: 168px;
  }

  P.cssButtonLink SPAN.cssButtonLinkBackground {
    width: 20px;
    height: 20px;
    margin: -2px 8px 0 0;
    float: left;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -892px;
  }

   P.cssButtonLink.cssButtonLinkSelected A {
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -188px;
    height: 20px;
    margin: 0 3px;
    position: relative;
    color: #fff;
    display: block;
    width: auto;
  }

   P.cssButtonLink A {
    color: #202020;
    width: 197px;
    display: block;
    text-decoration: none !important;
  }

  P.cssButtonLink A:hover {
    color: #c64001 !important;
  }

   P.cssButtonLink A SPAN.cssButtonLinkBackgroundLeft {
    width: 3px;
    height: 20px;
    margin: 0;
    position: absolute;
    top: 0;
    left: -3px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -18px -129px;
  }

   P.cssButtonLink A SPAN.cssButtonLinkBackgroundRight {
    width: 3px;
    height: 20px;
    position: absolute;
    top: 0;
    right: -3px;
    margin: 0;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -23px -129px;
  }

  P.cssButtonLink A SPAN.cssIcon {
    width: 16px;
    height: 16px;
    float: left;
    margin: 3px 0 0 1px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 0;
  }

  P.cssButtonLink.cssButtonLinkSelected A SPAN.cssIcon {
    margin: 3px 8px 0 1px;
  }

  P.cssButtonLink.cssButtonLinkPDF {
    display: block;
    overflow: hidden;
  }

  DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonPDF SPAN.cssIcon,
  P.cssButtonLink.cssButtonLinkPDF SPAN.cssIcon {
    background-position: 0 -952px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonProductPresentations SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkProductPresentations SPAN.cssIcon {
    background-position: 0 -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonProducers SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkProducers SPAN.cssIcon {
    background-position: -36px -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonProducts SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkProducts SPAN.cssIcon {
    background-position: -18px -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonArchitectureObjects SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkArchitectureObjects SPAN.cssIcon {
    background-position: -54px -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonTender SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkTender SPAN.cssIcon {
    background-position: -72px -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonCADDetails SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkCADDetails SPAN.cssIcon {
    background-position: -90px -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonCreate SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkCreate SPAN.cssIcon {
    background-position: -108px -916px;
  }

  DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonCADDetails SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkExperts SPAN.cssIcon {
    background-position: -126px -916px;
  }

   DIV.type-buttonGrey.type-buttonWithSpecialIcon A.cssButtonCreate SPAN.cssIcon,
   P.cssButtonLink.cssButtonLinkOverAll SPAN.cssIcon {
    background-position: -144px -916px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkPDF SPAN.cssIcon {
    background-position: 0 -952px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkProductPresentations SPAN.cssIcon {
    background-position: 0 -934px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkProducers SPAN.cssIcon {
    background-position: -36px -934px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkProducts SPAN.cssIcon {
    background-position: -18px -934px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkArchitectureObjects SPAN.cssIcon {
    background-position: -54px -934px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkTender SPAN.cssIcon {
    background-position: -72px -934px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkCADDetails SPAN.cssIcon {
    background-position: -90px -934px;
  }

  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkCreate SPAN.cssIcon {
    background-position: -108px -934px;
  }
  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkExperts SPAN.cssIcon {
    background-position: -126px -934px;
  }
  P.cssButtonLink.cssButtonLinkSelected.cssButtonLinkOverAll SPAN.cssIcon {
    background-position: -144px -934px;
  }

  /* ---------------------------------------------------------------- */
  /* Hinweise und Tipps                                               */
  /* ---------------------------------------------------------------- */
  DIV.cssHint {
    position: relative;
    margin-bottom: 24px;
  }

  DIV.cssHint TABLE {
    width: 100%;
  }

  DIV.cssHint DIV.cssHintCornerTopLeft {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 12;
    width: 6px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -80px 0;
  }

  DIV.cssHint DIV.cssHintCornerTopRight {
    position: absolute;
    top: -1px;
    right: 1px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -90px 0;
  }

  DIV.cssHint DIV.cssHintCornerBottomLeft {
    position: absolute;
    bottom: -2px;
    left: -1px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -80px -9px;
  }

  DIV.cssHint DIV.cssHintCornerBottomRight {
    position: absolute;
    bottom: -2px;
    right: 1px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -90px -9px;
  }

  DIV.cssHint.cssHintError DIV.cssHintCornerTopLeft {
    background-position: -100px -18px;
  }

  DIV.cssHint.cssHintError DIV.cssHintCornerTopRight {
    background-position: -110px -18px;
  }

  DIV.cssHint.cssHintError DIV.cssHintCornerBottomLeft {
    background-position: -100px -27px;
  }

  DIV.cssHint.cssHintError DIV.cssHintCornerBottomRight {
    background-position: -110px -27px;
  }

  DIV.cssHint DIV.cssHintShadowBottom {
    height: 2px;
    width: 100%;
    z-index: 12;
    position: absolute;
    left: 0;
    bottom: -2px;
  }

  DIV.cssHint DIV.cssHintShadowBottom DIV.cssHintShadowBottomBackground {
    margin: 0 9px 0 7px;
    height: 2px;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -452px;
  }

  DIV.cssHint TABLE {
    position: relative;
  }

  DIV.cssHint TD.cssHintTypeIconArea {
    vertical-align: middle;
    border: 1px solid #c64001;
    border-right: none;
    background: #bb4814;
  }

  DIV.cssHint.cssHintError TD.cssHintTypeIconArea {
    background: #D10000;
    overflow: hidden;
  }

  DIV.cssHint TD.cssHintTypeIconArea DIV.cssHintTypeBackground {
    background: #bb4814
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -522px;
    height: 64px;
    width: 63px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
  }

  DIV.cssHint.cssHintError TD.cssHintTypeIconArea DIV.cssHintTypeBackground {
    background-position: 0 -1380px;
    height: 62px;
  }

  DIV.cssHint TD.cssHintTypeIconArea DIV.cssHintTypeIcon {
    z-index: 2;
    position: relative;
    width: 9px;
    height: 37px;
    margin: 0 auto;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -102px -38px;
  }

  DIV.cssHint.cssHintHint TD.cssHintTypeIconArea DIV.cssHintTypeIcon,
  DIV.cssHint.cssHintError TD.cssHintTypeIconArea DIV.cssHintTypeIcon {
    background-position: -102px -38px;
  }

  DIV.cssHint.cssHintTip TD.cssHintTypeIconArea DIV.cssHintTypeIcon {
    background-position: -113px -38px;
    width: 43px;
    height: 20px;
    margin: 22px auto;
  }

  DIV.cssHint.cssHintLoading TD.cssHintTypeIconArea DIV.cssHintTypeIcon {
    background: transparent
                url(/application/hze/artwork/searchengine/loadingWhite.gif)
                no-repeat;
    width: 55px;
    height: 55px;
  }

  DIV.cssHint TD.cssHintDivider {
    background: #612004;
    overflow: hidden;
  }

  DIV.cssHint.cssHintErrort TD.cssHintDivider {
    background: #D10000;
  }

  DIV.cssHint TD.cssHintDivider DIV.cssHintDividerBackground {
    height: 64px;
    width: 1px;
    background: #c64001
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -456px;
  }

  DIV.cssHint.cssHintErrort TD.cssHintDivider DIV.cssHintDividerBackground {
    background-position: 0 -1378px;
  }


  DIV.cssHint TD.cssHintText {
    font-size: 12px;
    line-height: 1.4em;
    font-weight: normal;
    vertical-align: middle;
    padding: 12px 15px;
    border: 1px solid #c64001;
    border-left: none;
  }

  DIV.cssHint.cssHintError TD.cssHintText {
    border: 1px solid #D10000;
    border-left: none;
  }

  DIV.cssHint TD.cssHintShadow {
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -3921px 0;
  }

  /* ---------------------------------------------------------------- */
  /* Upload etc. Bitte Warten Dialog                                  */
  /* ---------------------------------------------------------------- */
  BODY.cssWaiting {
    cursor: wait;
  }
  
  DIV.cssWatingDialog,
  DIV.cssWatingDialog DIV.ui-widget-content {
    border: none;
    background: transparent;
  }
  
  DIV.cssWatingDialog P.cssBlockUIText {
    margin: 11px 0 0 0;
    border-top: 1px solid #D9D9D9;
    padding: 11px 0 0 0;
  }

  DIV.cssWatingDialog P.allBlockUIFileCount {
    text-align: center;
    display: block;
    font-weight: bold;
  }

  DIV.cssWatingDialog DIV.cssBlockUIWaitingImage {
    display: block;
    width: 55px;
    height: 55px;
    margin: 20px 0 20px 207px;
    background: transparent
                url(/application/hze/artwork/searchengine/loading.gif)
                no-repeat
                0 0;
  }

  /* ---------------------------------------------------------------- */
  /* Social-Network Buttons                                           */
  /* ---------------------------------------------------------------- */
  DIV.cssSocialNetworkButtons DIV.type-button A {
    width: 7px;
  }

  DIV.cssSocialNetworkButtons DIV.type-button {
    float: left !important;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssSmallButtonWithIcon {
    margin: 0 8px 0 4px !important;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 0;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssButtonFacebook {
    background-position: -54px -89px;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssButtonTwitter {
    background-position: -27px -89px;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssButtonPinterest {
    background-position: -108px -89px;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssButtonGooglePlus {
    background-position: -81px -89px;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssButtonRecomend {
    margin: 0 8px 0 4px !important;
  }

  DIV.cssSocialNetworkButtons DIV.type-button.cssButtonRecomend A {
    width: auto;
  }
}