/*
  project:vattenfall accessibility project
  type:stylesheet
  description:styles for DMS- campaigns
  last edited:15.10.2007, Thomas Laubner
  
  (c) cosmoblonde 2007. All rights reserved.
*/


/* ---------- PART IV:global class definitions (advanced) ---------- */


/* nur zum lokalen Testen !!! 
body.campaign #wrapperMainContent #content,
body.campaign #wrapperMainContent #sidebar,
#contentExtended,
#contentExtendedWide{
  xbackground:#ffcc00; 
  xborder:solid 1px; 
}
body.campaign #wrapperMainContent,
body.campaign #wrapperMainContentWide{
  xbackground:#ccc; 
  xposition:relative; 
}
Ende - nur zum lokalen Testen !!! */

/* 13-09-2011: cwlatschiha CSS needed for teh apps used on campaigns */
@import "../screen/campaign_easy.css";

html {
  overflow-x:hidden; 
  overflow-y:auto; 
}

/* BODY */
body.campaign {
  background-color:#fff; 
  height:100% ;  
  width:770px; 
  padding:0px 20px 0px 20px; 
  margin-bottom:-1px; 
}

/* CONTENT-CONTAINER */
body.campaign #header{
  width:750px; 
  xbackground-color:#fff; 
  margin-top:0px; 
  margin-bottom:0px; 
  height:75px; 
  xborder:solid 1px; 
}
body.campaign #flow{
  margin:0px 0px 1px -2px; 
}

/* jakub.karcz 20.11.2009: fix for Firefox */
body.withoutFlow #flow img{
  display:none; 
}

/* jakub.karcz 23.11.2009: if flow is visible, title image cannot be shown!!! */
body.withFlow .headerTitle{
  display:none; 
}

/* jakub.karcz 20.11.2009: removed border images for presentation image */
body.campaign #headerPict{
  margin:-15px 0px 0px -22px; 
  /*background-image:url("/system/images/border/campaign_header_bg.gif"); */
  background-repeat:no-repeat; 
  background-position:0px bottom; 
  padding:0px 0px 25px 20px; 
  width:790px; 
}
* html body.campaign #headerPict{
  padding:0px 0px 27px 20px; 
}

/* jakub.karcz 24.11.2009: removed border images for presentation image */
body.withMainNaviWithoutContent #headerPict{
  /*background-image:url("/system/images/border/campaign_header_bg_mainnavi_nocontent.gif"); */
}

body.withMainNaviWithoutContent  #sidebar, body.withMainNaviWithoutContent  #content{
  display: none;
}

body.withFlow #headerPict{
  margin-top:0px; 
}

/* jakub.karcz 20.11.2009: removed border images for presentation image */
body.withoutFlow #headerPict .borderTop{
  margin-left:-20px; 
  /*background-image:url("/system/images/border/campaign_header_bg_top.gif"); */
  background-repeat:no-repeat; 
  background-position:0px 0px; 
  padding:15px 0px 0px 20px; 
  width:790px; 
}
body.campaign #headerPict object{
  margin:0px 0px -5px 0px !important; 
  padding:0px !important; 
}
* html body.campaign #headerPict object{
  margin:0px 0px 0px 0px !important; 
  padding:0px !important; 
}
body.campaign #headerPict .FEp{
  margin:0px; 
}
.logoSubheadline{
  position:absolute; 
  right:55px; 
  top:50px; 
}
body.campaign #wrapperSubNavigation{
  float:left !important; 
  margin:0px 10px 0px 0px ; 
}
#subNavigation,
#subNavigation ul,
#subNavigation ul li.first,
#subNavigation ul li.last{
  background-image:none !important; 
}
#subNavigation ul a {
  margin-left:5px; 
}
/*  jakub.karcz 14.01.2009: padding for content in standard navigation*/
body.standard #wrapperMainContent {
  padding-top: 1.0625em !important;
}
body.campaign #wrapperMainContent{
  width:570px !important; 
  margin:0px 0px 0px 0px !important; 
}
#wrapperMainContentWide{
  float:left !important; 
  clear:none !important; 
  width:750px !important; 
  margin:20px 0px 0px 0px !important; 
}
#sidebar{
  width:180px !important; 
  float:left; 
}
#campaignItems{
  width:180px; 
  float:left; 
  margin:0px 0px 0px 10px !important; 
}
#wrapperSubNavigation #campaignItems{
  border-top:solid 1px #C5C5C5; 
  margin:0px 0px 0px 0px !important; 
}

*+html #wrapperSubNavigation #campaignItems{
  margin:20px 0px 0px 0px !important; 
}
#wrapperSubNavigation #campaignItems a{
  font-size:12px; 
  
}
*+html #wrapperSubNavigation #campaignItems a{
  padding:3px 0px 2px 15px; 
}
#campaignItems ul{
  list-style:none; 
  margin:0px; 
  padding:0px; 
}
#campaignItems li{
  margin:0px; 
  padding:2px 0px 2px 0px; 
  border-bottom:solid 1px #C5C5C5; 
  width:180px; 
}
body.campaign #wrapperMainContent #content,
body.campaign #wrapperMainContentWide #content{
  width:370px !important; 
  float:left !important; 
  clear:none !important; 
  margin:0px 10px 0px 0px !important; 
}
#contentExtended{
  width:560px !important; 
  float:left !important; 
  clear:both !important; 
  margin:0px 0px 0px 0px !important; 
}
/* 06-09-2011: jakub.karcz: changed the width of div (was 540px should be 560px). Removed margin definition for the div (was 10px for right and left)*/
#wrapperMainContentWide #contentExtended{
  width: 560px; 
}
#wrapperMainContentWide #contentExtendedWide{
  width:730px !important; 
  float:left !important; 
  clear:both !important; 
  margin:0px 0px 0px 10px !important; 
}
*html #wrapperMainContentWide #contentExtendedWide{
  margin:0px 0px 0px 5px !important; 
}
*html body.campaign #wrapperMainContent{
  height: 1.333%; /* em converted */
}

/* jakub.karcz 04.01.2010: for special campaign layout definitions  */
#content-left {
  width:370px !important; 
  float:left !important; 
  clear:none !important; 
  margin:0px 10px 0px 0px !important; 
}

#content-right {
  width:370px !important; 
  float:left !important; 
  clear:none !important;
  margin: 0 0 0 0 !important;
}

#content-bottom-left {
  width:100% !important; 
  float:left !important; 
  clear:none !important; 
  margin:0px 10px 0px 0px !important; 
}

#content-bottom-right {
  width:180px !important; 
  float:left !important; 
  clear:none !important;
  margin: 0 0 0 0 !important;
}
/* END: jakub.karcz 04.01.2010: for special campaign layout definitions  */

/* Styles for Content-Elements */

body.campaign #headerPict div.I01,
body.campaign #headerPict div.I01 img{
  margin-bottom:0px !important; 
  padding-bottom:0px !important; 
}
body.campaign .C01{
  xclear:both; 
}
body.campaign #wrapperMainContent .C15,
body.campaign #wrapperMainContent .C16,
body.campaign #wrapperMainContent .F01,
body.campaign #wrapperMainContent .F02{
  xfloat:left; 
  xclear:both; 
}

/* jakub.karcz 20.11.2009: sidebar has to have 160px width */
body.campaign #sidebar .box-component{
  width: 160px; 
}

/* jakub.karcz 19.01.2010:  C01 has to have float left in sitebar (fix for FX)  */
body.campaign #sidebar .T1132{
  float: left; 
}

/* jakub.karcz 20.11.2009: show border for elements in sidebar */
body.campaign #sidebar .box-component .white, body.campaign #sidebar .border-component .white, body.campaign #sidebar.white {
background-image:url(../../images/box/white_1.gif) !important;
}

p.jumpblockBottom a.hide {
  background-color:#fff; 
  position:relative; 
}

/* jakub.karcz 26.08.2011: definition for new right container in the horizontal type of navigation */
body.campaign #right {
  float: right;
    line-height: 1.461;
    margin: 0 0 0 10px;
}

/* MAIN NAVIGATION */
body.campaign #wrapperMainNavigation {
  width:757px; 
  background-image:none; 
  background:none; 
  background-repeat:repeat-x; 
  background-position:0px 0px; 
  height:30px; 
  margin-top:-20px; 
}
*html body.campaign #wrapperMainNavigation {
  height:20px !important; 
  padding:0px !important; 
}
/* jakub.karcz 20.11.2009: removed border images for presentation image */
body.withContent #wrapperMainNavigation {
  margin-top:10px !important; 
  /*background-image:url("/system/images/border/bg_campaign_mainnavi.gif"); */
}
body.campaign #wrapperMainNavigation #mainNavigation {
  background-image:url("/system/images/border/campaign_mainnavi.gif"); 
  background-repeat:repeat-x; 
  background-position:100px bottom; 
  clear:both; 
  float:left; 
  margin:0; 
  padding:0; 
  height:35px; 
  width:auto !important; 
  margin-left:2px; 
  border-top:solid 1px #C5C5C5; 
}

/* jakub.karcz 14.01.2010: added line-height to prevent extra space between horizontal and vertical navigation*/
body.campaign #wrapperMainNavigation  span.border{
  width:752px; 
  border-top:1px solid #c5c5c5; 
  clear:left; 
  display:block; 
  height:1px; 
  font-size:0; 
  position:relative; 
  top:-6px; 
  left:5px; 
  z-index:-333  !important ; 
  line-height:0 !important ;
}
#mainNavigation .left {
  clear:both; 
  float:left; 
  padding:10px 0px 0px 5px; 
  margin:-10px 0px 0px -5px; 
  background-image:url("/system/images/border/campaign_mainnavi_left.gif"); 
  background-repeat:no-repeat; 
  background-position:0px bottom; 
  width:auto !important; 
}
* html #mainNavigation .left {
  margin:-10px 0px 0px -2px; 
  position:relative; 
  left:-3px; 
}
#mainNavigation .right {
  background-image:url("/system/images/border/campaign_mainnavi_right.gif"); 
  background-repeat:no-repeat; 
  background-position:right bottom; 
  padding-top:10px; 
  width:auto !important; 
}
body.campaign #wrapperMainNavigation #mainNavigation ul {
  list-style:none; 
}
body.campaign #wrapperMainNavigation #mainNavigation ul li{
  display:inline; 
}
body.campaign #wrapperMainNavigation #mainNavigation li a{  
  line-height:1; 
  background-color:transparent; 
  border-bottom:none; 
  
  padding:0px 0px 0px 5px; 
  margin-top:-10px; 
  background-image:none; 
  cursor:pointer; 
  xbackground-image:url("/system/images/icon/bullet_pos_white_s_n.gif"); 
}
/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li a strong {
  background-image:none; 
  background-position: 100% 0px; /* em converted */
  background-repeat:no-repeat; 
  display:block; 
  font-weight:normal; 
  padding-right:0px; 
  border-bottom:none; 
}
body.campaign #wrapperMainNavigation #mainNavigation li a span {
  background-position:0px 8px; 
  display:block; 
  margin:0px; 
  padding:6px 5px 5px 15px; 
  width:auto; 
  border-bottom:none; 
}
/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li a:link span, 
body.campaign #wrapperMainNavigation #mainNavigation li a:visited span {
  background-image:url("/system/images/icon/bullet_pos_white_s_n.gif"); 
  color:#135ba6; 
}
/* ------------------------ */

/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li a:hover span {
  background-image:url("/system/images/icon/bullet_pos_white_s_o.gif"); 
  color:#3ea345; 
}
body.campaign #wrapperMainNavigation #mainNavigation li a:active span, 
body.campaign #wrapperMainNavigation #mainNavigation li a:focus span {
  background-image:url("/system/images/icon/bullet_pos_white_s_a.gif"); 
  color:#f90; 
}

body.campaign #wrapperMainNavigation #mainNavigation li.current a:link span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:visited span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:hover span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:active span,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:focus span {
  background-image:url("/system/images/icon/bullet_pos_white_s_i.gif") !important; 
  color:#000000 !important; 
}
/* ------------------------ */
body.campaign #wrapperMainNavigation #mainNavigation li.current a:link,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:visited,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:hover,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:active,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:focus {
  background-image:url("/system/images/menu_top/bg_tab_inactive_left_campaign.gif"); 
  background-position:bottom left; 
  background-repeat:no-repeat; 
  margin-top:-11px; 
  margin-left:5px; 
  padding:1px 0px 0px 2px;  
  height:30px; 
}

body.withContent #wrapperMainNavigation #mainNavigation li.current a:link,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:visited,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:hover,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:active,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:focus {
  background-image:url("/system/images/menu_top/bg_tab_inactive_left_campaign_with_content.gif"); 
  background-position:top left; 
  position:relative; 
  z-index:333 !important ; 
  padding-bottom:5px !important ; 
}

body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:link,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:visited,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:hover,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:active,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.first:focus {
  margin-left:0px; 
  xtop:-5px; 
  left:-2px; 
  xheight:30px; 
  xborder-top:5px solid #fff; 
  background-image:url("/system/images/menu_top/bg_tab_inactive_left_first_campaign.gif"); 
}
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:link,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:visited,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:hover,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:active,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.first:focus {
  background-image:url("/system/images/menu_top/bg_tab_inactive_left_first_campaign_with_content.gif"); 
}
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:link,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:visited,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:hover,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:active,
body.campaign #wrapperMainNavigation #mainNavigation li.current a.last:focus {
  position:relative; 
  left:3px; 
}
body.campaign #wrapperMainNavigation #mainNavigation li.current a:link strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:visited strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:hover strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:active strong,
body.campaign #wrapperMainNavigation #mainNavigation li.current a:focus strong {
  background-image:url("/system/images/menu_top/bg_tab_inactive_right_campaign.gif"); 
  background-position:bottom right; 
  background-repeat:no-repeat; 
  margin-top:0px; 
  padding:0px 12px 0px 0px; 
  height:30px; 
  
}
body.withContent #wrapperMainNavigation #mainNavigation li.current a:link strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:visited strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:hover strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:active strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a:focus strong {
  background-image:url("/system/images/menu_top/bg_tab_inactive_right_campaign_with_content.gif"); 
  background-position:top right; 
  position:relative; 
  right:-5px; 
}

body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:link strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:visited strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:hover strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:active strong,
body.withContent #wrapperMainNavigation #mainNavigation li.current a.last:focus strong {
  background-image:url("/system/images/menu_top/bg_tab_inactive_right_last_campaign_with_content.gif"); 
  background-position:top right; 
  padding:1px 12px 0px 0px; 
  position:relative; 
  top:-1px; 
}
body.campaign #wrapperMainNavigation #mainNavigation  a.first:link,
body.campaign #wrapperMainNavigation #mainNavigation  a.first:visited {
  border:none; 
}

/* ------------------------ */
body.campaign #wrapperMainNavigation  #mainNavigation li a strong, 
body.campaign #wrapperMainNavigation  #mainNavigation li a span {
  display:inline-block; 
}
#mainNavigation li a.last em,
#mainNavigation li a.last strong {
  padding-right:7px !important; 
}

body.campaign #wrapperSubNavigation .noSubnavi{
  border-top:none; 
}
#mainNavigation,
#mainNavigation .left,
#mainNavigation .right {
  height:25px; 
  width:750px; 
}


/* FOOTER */
body.campaign #footer{
  float:left; 
  clear:both; 
  margin-right:-3px; 
  background-image:none; 
  border-top:solid 1px #E1E1E1; 
  padding:10px 0px 0px 0px !important; 
  height:auto !important; 
  xborder:solid 1px; 
}
*html body.campaign #footer{
  margin-bottom:-1px; 
  position:relative; 
  float:left !important; 
  clear:none !important; 
}
#footer p.link{
  float:left; 
  clear:none; 
  font-size:11px !important; 
  width:auto; 
  padding:0px 10px 0px 0px; 
  margin-top:-3px; 
}

/**
 * Link arrows are on wrong position
 *
 * @bugfix
 * @author  ptemich
 * @date    2010-05-19
 * @note    issue 12275
 */
#footer p.link a{
  padding:3px 0px 10px 16px; 
}
#footer span{
  color:#000; 
}
/* FORMS */
/* 2007-11-13 cosmoblonde:#wrapperMainContentWide #contentExtended is 20px narrower */
#wrapperMainContentWide #contentExtended .emptyForm .formBorder{
  width:540px; 
}
#wrapperMainContentWide #contentExtended  .application .formButtons{
  width:540px; 
}
#wrapperMainContentWide #contentExtended  .application .left{
  width:540px !important; 
}
*html #wrapperMainContentWide #contentExtended  .application .formButtons,
*html #wrapperMainContentWide #contentExtended  .application .left{
  width:540px !important; 
}
#wrapperMainContentWide #contentExtended .application .formBorder{
  width:538px; 
}
*html #wrapperMainContentWide #contentExtended .application .formBorder{
  width:538px; 
}


body.campaign p.jumpblockTop a.hide:active, 
body.campaign p.jumpblockTop a.hide:focus {
  top:45px; 
}

/**
 * Campaign: Back to Vattenfall
 * @section Back to Vattenfall
 */
body.campaign #backToVattenfall {
  overflow: hidden;
}
body.campaign #backToVattenfall .productColumn {
  display: inline;
  width: 275px;
  padding-bottom: 20px;
  background: rgb(225, 225, 225) url("/system/images/microsite/bg_product_column.png") no-repeat 0 100%;
}
body.campaign #backToVattenfall .nonrenewable {
  float: left;
  margin-right: 10px;
}
body.campaign #backToVattenfall .renewable {
  float: right;
}
body.campaign #backToVattenfall .productImage {
  margin-bottom: 15px;
}
body.campaign #backToVattenfall .endProductProperties {
  height: 250px;
}
body.campaign #backToVattenfall .sealsOfApproval {
  height: 70px;
  margin-bottom: 20px;
}
body.campaign #backToVattenfall .orderNow {
  text-align: right;
  margin-bottom: 15px;
  padding-right: 9px;
}
body.campaign #backToVattenfall .orderNowButton {
  display: inline-block;
  width: 108px;
  height: 25px;
  background: transparent url("/system/images/microsite/bt_order_now.png") no-repeat 0;
}
body.campaign #backToVattenfall .orderNowButton span {
  display: none;
}
body.campaign #backToVattenfall .fee {
  margin: 0 10px 7px;
}
body.campaign #backToVattenfall h3 {
  padding: 0 10px;
  font-size: 133.33%
}
body.campaign #backToVattenfall ul.endProductPropertiesList {
  margin-bottom: 0;
  padding-left: 1.9em;
}
body.campaign #backToVattenfall table.feeTable {
  background-color: rgb(245, 245, 245);
}
body.campaign #backToVattenfall table.feeTable th {
  padding: 0 10px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-right-color: rgb(225, 225, 225);
  border-collapse: collapse;
  background-repeat: repeat-x;
  background-position: 0 100%;
}
body.campaign #backToVattenfall.gk table.feeTable th {
  border-top-color: rgb(241, 240, 240);
  border-bottom-color: rgb(197, 197, 197);
  background-color: rgb(222, 222, 222);
  background-image: url("/system/images/microsite/bg_gk_fee_table_header.png");
}
body.campaign #backToVattenfall.pk table.feeTable th {
  color: rgb(255, 255, 255);
  border-top-color: rgb(255, 199, 116);
  border-bottom-color: rgb(187, 113, 0);
  background-color: rgb(245, 147, 0);
  background-image: url("/system/images/microsite/bg_pk_fee_table_header.png");
}
body.campaign #backToVattenfall table.feeTable td {
  padding: 0 10px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: rgb(225, 225, 225);
  border-collapse: collapse;
}
body.campaign #backToVattenfall table.feeTable td.value {
  padding-left: 15px;
}