@charset "utf-8";

/* ====================================================================== */
/* === IFRAME CONTENT =================================================== */
/* ====================================================================== */

html {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size: small;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.List {
	margin: 0 0 15px 0;
}

ul.SubListText li {
	background:url(../images/common/bullet_sublist.gif) no-repeat;
	margin:0 15px 0 40px;
	padding:2px 0 0 17px;
}

ul.SubListText2 li {
	background:url(../images/common/bullet_sublist2.gif) no-repeat;
	margin:0 15px 0 0;
	padding:2px 0 0 17px;
}

ul.SubListText2 {
	margin:2px 15px 0 20px;
}

li {
	background: url(../images/common/bullet.gif) no-repeat 0 6px;
	padding: 2px 0 2px 15px;
	margin: 0;
}

a {
	color: #02ace5;
	outline: none;
}

a:hover {
	color: #0361b0;
}

h1 {
	font-size: 18px;
	color: #0361b0;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}

h1.TitlePack {
	font-size: 18px;
	color: #0361b0;
	padding: 0;
	margin: 0 0 4px 0;
}

h1.MainTitle {
	margin:13px 0 18px 0;
	padding:0;
	color:#10a744;
	font-size:21px;
	font-weight:bold;
	border-bottom:2px solid #def3fb;
}

	
h2 {
	font-size: 15px;
	color: #02ace5;
}
	
h2.PageSubTitle {
	font-size: 16px;
	color: #0361b0;
	margin: 25px 0 15px 0;
}
	
h3 {
	font-size: 13px;
	color: #02ace5;
}

hr {
	color: #02ace5;
	height: 1px;
}

p {
	margin: 0 0 15px 0;
}

p.Content {
	margin:10px 15px 12px 10px;
}


sub {
	font-size: smaller;
}

html>body {
	font-size: small;
}

iframe.Large {
	width: 712px;
	height: 5050px;
	/*height: 100000px;*/
	border: 0;
	margin:0;
	padding:0;
}

/* ====================================================================== */
/* === FORM ELEMENTS ==================================================== */
/* ====================================================================== */

form {
	margin: 0;
	padding: 10px 0 0 0;
}

div.FormRow {
	clear: both;
	padding: 5px 0;
}

label {
	float: left;
	padding: 0 0 0 1px;
	font-weight:bold;
	width: 170px;
}

span.Mandatory {
	color: #7f9db9;
	font-size: 12px;
}

div.Mandatory {
	color: #7f9db9;
	font-size: 10px;
}

/*NDA Add padding to separate textfield content from border*/
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	padding-left: 5px;
}

select {
	padding: 1px;
}

input.Input, textarea.Input, select.Input {
	border: 1px solid #7f9db9;
}

input.Input_ERROR, textarea.Input_ERROR, select.Input_ERROR {
	border: 1px solid #CC0000;
}

input.Input_MANDATORY, textarea.Input_MANDATORY, select.Input_MANDATORY {
	border: 1px solid #7f9db9;
}

input.Radio, input.Checkbox {
}

input.Radio_ERROR, input.Checkbox_ERROR {
	background: #CC0000;
}

input.Radio_ERROR, input.Checkbox_MANDATORY {
	background: #7f9db9;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputShort {
	width: 25px;
	border: 1px solid #7f9db9;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputShort_ERROR {
	width: 25px;
	border: 1px solid #CC0000;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputShort_MANDATORY {
	width: 25px;
	border: 1px solid #7f9db9;
}

select.InputShort {
	width: 50px;
	border: 1px solid #7f9db9;
}

select.InputShort_ERROR {
	width: 50px;
	border: 1px solid #CC0000;
}

select.InputShort_MANDATORY {
	width: 50px;
	border: 1px solid #7f9db9;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputMedium, textarea.InputMedium {
	width: 95px;
	border: 1px solid #7f9db9;
}

select.InputMedium {
	width: 100px;
	border: 1px solid #7f9db9;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputMedium_ERROR, textarea.InputMedium_ERROR {
	width: 95px;
	border: 1px solid #CC0000;
}

select.InputMedium_ERROR {
	width: 100px;
	border: 1px solid #CC0000;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputMedium_MANDATORY, textarea.InputMedium_MANDATORY {
	width: 95px;
	border: 1px solid #7f9db9;
}

select.InputMedium_MANDATORY {
	width: 100px;
	border: 1px solid #7f9db9;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputLarge, textarea.InputLarge, select.InputLarge {
	width: 195px;
	border: 1px solid #7f9db9;
}

select.InputLarge {
	width: 200px;
	border: 1px solid #7f9db9;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputLarge_ERROR, textarea.InputLarge_ERROR {
	width: 195px;
	height:20px;
	border: 1px solid #CC0000;
}

select.InputLarge_ERROR {
	width: 200px;
	height:20px;
	border: 1px solid #CC0000;
}

/*NDA Add padding to separate textfield content from border -> decrease width*/
input.InputLarge_MANDATORY, textarea.InputLarge_MANDATORY {
	width: 195px;
	height:20px;
	border: 1px solid #7f9db9;
}

select.InputLarge_MANDATORY {
	width: 200px;
	height:20px;
	border: 1px solid #7f9db9;
}

/* ====================================================================== */
/* === MISCELLANEOUS ELEMENTS =========================================== */
/* ====================================================================== */

div#Container {
	width: 466px;
}

a.LinkAdd {
	background: url(../images/common/plus.gif) no-repeat;
	padding: 0 0 2px 25px;
	line-height: 28px;
}

a.LinkRemove {
	background: url(../images/common/minus.gif) no-repeat;
	padding: 0 0 2px 25px;
	line-height: 28px;
}

a.BulletLink {
	display: block;
	background: url(../images/common/bullet.gif) no-repeat 0 6px;
	padding: 2px 0 2px 15px;
	margin: 0;
}

div.MessageConfirm {
	padding: 5px 5px 5px 25px;
	background: #EEEEEE url(../images/common/accept.png) no-repeat 3px 5px;
	margin: 0 0 10px 0;
}

/*Padding introduce bad effect on slide -> moved to inside div*/
div.MessageError {
	/*padding: 5px 5px 5px 25px;*/
	background: #EEEEEE url(../images/common/cross.png) no-repeat 3px 5px;
	margin: 0 0 10px 0;
}

/*Error messages need a div inside to avoid strange effect*/
div.MessageError div {
	padding: 5px 5px 5px 25px;
}

/* ====================================================================== */
/* === TABS ============================================================= */
/* ====================================================================== */

div.TabsHead {
	background: url(../images/common/tabs_head_background.gif) no-repeat bottom;
	height: 45px;
	padding: 0 0 6px 0;
}

ul.Tabs {
	list-style: none;
	width: 460px;
	overflow: hidden;
	margin: 0 0 0 5px;
	padding: 0;
}

ul.Tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.Tabs li a {
	float: left;
	margin: 0 3px 0 0;
	display: block;
	width: 81px;
	height: 46px;
	text-indent: -10000px;
}

ul.Tabs li a#Tab_Reduce_Head {
	margin: 0 3px 0 39px;
}

a.Tab_House_Off {
	background: url(../images/common/tab_house_red.png) no-repeat;
}

a.Tab_House_Off_Reduce {
	background: url(../images/common/tab_house_green.png) no-repeat;
}

a.Tab_House_On, a.Tab_House_Off:hover, a.Tab_House_Off_Reduce:hover {
	background: url(../images/common/tab_house_yellow.png) no-repeat;
}

a.Tab_Car_Off {
	background: url(../images/common/tab_car_red.png) no-repeat;
}

a.Tab_Car_Off_Reduce {
	background: url(../images/common/tab_car_green.png) no-repeat;
}

a.Tab_Car_On, a.Tab_Car_Off:hover, a.Tab_Car_Off_Reduce:hover {
	background: url(../images/common/tab_car_yellow.png) no-repeat;
}

a.Tab_Plane_Off {
	background: url(../images/common/tab_plane_red.png) no-repeat;
}

a.Tab_Plane_Off_Reduce {
	background: url(../images/common/tab_plane_green.png) no-repeat;
}

a.Tab_Plane_On, a.Tab_Plane_Off:hover, a.Tab_Plane_Off_Reduce:hover {
	background: url(../images/common/tab_plane_yellow.png) no-repeat;
}

a.Tab_CONS_On, a.Tab_CONS_Off_Reduce:hover {
	background: url(../images/common/tab_conso_yellow.png) no-repeat;
}

a.Tab_CONS_Off_Reduce {
	background: url(../images/common/tab_conso_green.png) no-repeat;
}

a.Tab_Reduce_Off {
	background: url(../images/common/tab_reduce_green.png) no-repeat;
}

a.Tab_Reduce_Off_Reduce {
	background: url(../images/common/tab_reduce_green.png) no-repeat;
}

a.Tab_Reduce_On, a.Tab_Reduce_Off:hover, a.Tab_Reduce_Off_Reduce:hover {
	background: url(../images/common/tab_reduce_yellow.png) no-repeat;
}

a.Tab_Compensate_Off {
	background: url(../images/common/tab_compensate_blue.png) no-repeat;
}

a.Tab_Compensate_Off_Reduce {
	background: url(../images/common/tab_compensate_green.png) no-repeat;
}

a.Tab_Compensate_On, a.Tab_Compensate_Off:hover, a.Tab_Compensate_Off_Reduce:hover {
	background: url(../images/common/tab_compensate_yellow.png) no-repeat;
}

div#TabsPanel1 {
	display: block;
}

div#TabsPanel2, div#TabsPanel3, div#TabsPanel4, div#TabsPanel5 {
	display: none;
}

div.TabContent {
	background: url(../images/common/tab_background.gif) bottom no-repeat;
	padding: 0 0 10px 0;
}

div.TabPanels {
	margin: 0 0 0 6px;
	background: url(../images/common/tab_gradient_top.gif) top no-repeat;
	width: 453px;
}

div.TabContent h1 {
	font-size: 18px;
	color: #02ace5;
	padding: 13px 0 5px 0;
	margin: 0;
}

div.TabSectionTitle {
	width: 444px;
	overflow: hidden;
}

div.TabSectionTitle h1 {
	float: left;
}

div.TabSectionTitle a {
	margin: 15px 0 0 0;
	float: right;
}

a.Button {
	display: block;
	float: left;
	background: url(../images/common/button.gif) no-repeat;
	width: 104px;
	height: 24px;
	padding: 7px 0 0 0;
	margin: 0 0 0 7px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #555555;
}

a.ButtonMiddle {
	display: block;
	float:right;
	background: url(../images/common/button_middle.gif) no-repeat;
	width: 119px;
	height: 24px;
	padding: 7px 0 0 0;
	margin: 0 0 0 7px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #555555;
}

a.ButtonBig {
	display: block;
	float:right;
	background: url(../images/common/button_big.gif) no-repeat;
	width: 149px;
	height: 24px;
	padding: 7px 0 0 0;
	margin: 0 0 0 7px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #555555;
}

div.TabFooter {
	width: 446px;
	overflow: hidden;
	padding: 10px 5px 0 5px;
}

div.TabButtons {
	float: right;
}

a.LinkReset {
	float: left;
	margin: 10px 0 0 0;
}

/* ====================================================================== */
/* === REDUCE =========================================================== */
/* ====================================================================== */

h2.ReduceTabPanelTitle {
	font-size: 18px;
	padding: 15px 0 0 0;
	margin: 0 0 0 5px;
	color: #02ace5;
}

h3.ReduceTabPanelTitle {
	font-size: 15px;
	color: #02ace5;
	padding: 15px 0 15px 0;
	margin: 0 0 0 5px;
}

table.ReduceActions {
	margin: 0 0 10px 0;
	width: 454px;
}

table.ReduceActions th {
	padding: 0 0 10px 0;
	font-weight: normal;
}

table.ReduceActions td {
	border-bottom: 1px solid #e8e8e8;
	padding: 2px;
}

table.ReduceActions td.Checkbox {
	border-bottom: 0;
	width: 25px;
}

/*NDA Increase a bit to be able to display 4 digit number under IE*/
table.ReduceActions td.Amount {
	text-align: right;
	color: #10a644;
	font-weight: bold;
	width: 60px;
}

tr.ReduceTabActionDetails {
   background: #EAF6FB;
   font-size: 11px;
	 color: #02ACE5;
}

tr.ReduceTabActionDetails td {
   padding: 5px 5px 5px 31px;
}

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

table.ReduceResults {
	margin: 0 0 5px 0;
	/*width: 454px;*/
}

table.ReduceResults th {
	background: #eaf6fb;
	padding: 3px 0;
}

table.ReduceResults td.Title {
	background: #eaf6fb;
	font-weight: bold;
	color: #02ace5;
	padding: 3px 2px;
}

table.ReduceResults td.AmountBefore {
	text-align: center;
	background: #eaf6fb;
	font-weight: bold;
	color: #f40000;
	font-size: 13px;
	padding: 3px 0;
	width: 110px;
}

table.ReduceResults td.AmountAfter {
	text-align: center;
	background: #eaf6fb;
	font-weight: bold;
	color: #10a644;
	font-size: 13px;
	padding: 3px 0;
	width: 110px;
}

div#ReduceResultsContainer {
	width: 466px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

div#ReduceResultsTable {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
}

div#ReduceResultsValue {
	float: left;
	background: url(../images/common/resultsbg.gif) no-repeat;
	width: 136px;
	height: 84px;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

div#ReduceResultsValue div {
	color: #ffd800;
	letter-spacing: -2px;
	line-height: 58px;
	font-size: 60px;
	padding: 0 2px 0 0;
}

div#ReduceResultsActions {
	width: 466px;
	overflow: hidden;
}

a#ReduceResultsAction1 {
	display: block;
	float: left;
	background: url(../images/fr/step3_off.gif) no-repeat;
	width: 227px;
	height: 67px;
	margin: 5px 17px 0 0;
	text-indent: -10000px;
}

/* ====================================================================== */
/* === COMPENSATE ======================================================= */
/* ====================================================================== */

table#CompensateSummary {
	margin: 0 0 15px 0;
	width: 466px;
	font-weight: bold;
}

table#CompensateSummary td.Title {
	background: #eef9fd;
	color: #02ace5;
	padding: 4px 3px;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

table#CompensateSummary td.Amount {
	background: #02ace5 url(../images/common/comp_amount_top_bg.gif) 100% top no-repeat;
	color: #ffd800;
	padding: 5px 0 0 0;
	letter-spacing: -2px;
	line-height: 58px;
	font-size: 60px;
	text-align: center;
	width: 134px;
}

table#CompensateSummary td.AmountBefore {
	color: #f40000;
	background: #eef9fd;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

table#CompensateSummary td.AmountBeforeFirst {
	color: #0361b0;
	background: #eef9fd;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

table#CompensateSummary td.AmountAfter {
	color: #10a644;
	background: #eef9fd;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

table#CompensateSummary tr.TagLine {
	background: #00b0e7;
	color: #FFFFFF;
}

table#CompensateSummary tr.TagLine td {
	padding: 5px;
}

table#CompensateSummary td.TagLineLegend {
	text-align: center;
	background: #02ace5 url(../images/common/comp_amount_bottom_bg.gif) 100% bottom no-repeat;
}

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

ul.CompensateProjects {
	width: 466px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

ul.CompensateProjects li {
	display: block;
	float: left;
	width: 140px;
	height: 100px;
	padding: 90px 0 0 0;
	text-align: center;
}

ul.CompensateProjects li label {
	display: block;
	float: none;
	width: auto;
	color: #0361b0;
	margin: 5px 0;
	padding: 0;
	font-size: 11px;
}

ul.CompensateProjects li p {
	margin: 0 0 5px 0;
	padding: 0;
}

ul.CompensateProjects li.Project {
	margin: 0 15px 0 0;
}

ul.CompensateProjects li.Project1 {
	background: url(../images/common/project1.jpg) top no-repeat;
	margin: 0 20px 0 0;
}

ul.CompensateProjects li.Project2 {
	background: url(../images/common/project2.jpg) top no-repeat;
	margin: 0 20px 0 0;
}

ul.CompensateProjects li.Project3 {
	background: url(../images/common/project3.jpg) top no-repeat;
}

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

table.CompensateForm {
}

table.CompensateForm td.RadioButton {
	width: 25px;
	padding: 0 0 3px 0;
	text-align: center;
}

/*NDA increase width for payment selection*/
table.CompensateForm td.PaymentSelection {
	width: 200px;
	padding: 0 0 3px 0;
	text-align: left;
}

table.CompensateForm td.TonsNumberSelection {
	color: #02ace5;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0;
	font-size: 16px;
	font-weight: bold;
}

table.CompensateForm td span.Text1 {
	color: #02ace5;
}

table.CompensateForm td.Text2 {
	padding: 5px 0;
}

table.CompensateForm td span.Value1 {
	color: #10a744;
}

table.CompensateForm td.Value2 {
	width: 50px;
	text-align: center;
	color: #10a744;
	padding: 5px 0;
}

div#CompensateOffer {
}

div#CompensateOfferBox {
	width: 446px;
	background: url(../images/common/middle_box_background1.gif) 100% top no-repeat;
	padding: 10px;
	margin: 20px 0 0 0;
	overflow:hidden;
}

div#CompensateOfferCloseBox {
	width: 466px;
	height: 7px;
	background: url(../images/common/middle_box_background2.gif) 100% bottom no-repeat;
	font-size: 1px;
}

div#CompensateOfferBox p {
	margin: 10px 0;
}

div#CompensateOfferBox p.Notice {
	margin: 0;
	color: #02ace5;
}

div#CompensateOfferBox h4 {
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	color: #02ace5;
}

div#CompensateOfferBox hr {
	float: right;
	width: 420px;
	height: 1px;
	padding: 0;
	margin: 10px 0;
	border: 0;
	color: #DDDDDD;
	background-color: #DDDDDD;
}

tr.CompensateOfferDetails {
   background: #EAF6FB;
   font-size: 11px;
	 color: #02ACE5;
}

tr.CompensateOfferDetails td {
   padding: 5px 5px 5px 26px;
}

div.BoxFooter {
	margin: 10px 0 0 0;
	overflow: hidden;
	height: 41px;
}

div.BoxButtons {
	float: right;
	margin:10px 0 0 0;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------  v v v   MIRKO   v v v  ------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* ====================================================================== */
/* === FORM MEMBER CONTENT ============================================== */
/* ====================================================================== */


div#ForwardBox {
	width: 446px;
	background: url(../images/common/middle_box_background1.gif) top no-repeat;
	padding: 10px;
	overflow:hidden;
}

/*NDA: increase padding to be able to insert link*/
div#ForwardGiftBox {
	width: 446px;
	background: url(../images/common/middle_box_background1.gif) top no-repeat;
	padding: 10px 10px 30px 10px;
	overflow:hidden;
}

/*NDA class for offer pack*/
div#ForwardGiftBox span.offerlink {
	font-size:12px;
	left:256px;
	padding:10px 0px;
	position:absolute;
	text-align:right;
	width:200px;
}

div#ForwardBoxClose {
	width: 466px;
	background: url(../images/common/middle_box_background2.gif) no-repeat;
	height:7px;
	margin-bottom:10px;
	font-size:1px;
}

h4 { 
	font-size: 16px;
	color: #0361b0;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}

input.Memberfield {
	border:1px solid #7f9db9;
}

label.Member {
	float: left;
	padding: 0 5px 0 1px;
	width: 50px;
}

label.MemberMessage {
	float: left;
	padding: 0 0 0 1px;
	width: 70px;
}

div.FormRowMember {
	margin:0 6px 0 0;
	padding: 5px 0;
	float:left;
}

input.InputLarger, textarea.InputLarger, select.InputLarger {
	width: 340px;
	height:100px;
	font-size:12px;
	float:left;
	border: 1px solid #7f9db9;
}

/* ====================================================================== */
/* === GIFTBOX CONTENT ================================================== */
/* ====================================================================== */

table.FriendsGift {
	margin: 8px 0;
	width:436px;
}

table.FriendsGift td.Names {
	padding: 1px 5px;
	border-bottom:1px solid #e1e4e6;
}

table.FriendsGift td.Gift {
	color: #10a744;
	padding: 1px 5px;
	width:170px;
	border-bottom:1px solid #e1e4e6;
}

table.FriendsGift td.Date {
	text-align: right;
	color: #02ace5;
	width:70px;
	padding: 1px 5px;
	border-bottom:1px solid #e1e4e6;
}


/* ====================================================================== */
/* === MEMBER CO2 CONTENT =============================================== */
/* ====================================================================== */

h2.CompensateActionsTitle {
	margin: 10px 0 3px 3px;
	padding:0;
}

table#CompensateActions {
	margin: 0 0 10px 3px;
	width: 445px;
}

p.CompensateIntro {
	margin: 7px 5px;
}

table#CompensateActions th {
	padding: 0 0 10px 0;
	font-weight: normal;
}

table#CompensateActions td {
	border-bottom: 1px solid #e8e8e8;
	padding: 2px;
}

table#CompensateActions td.Amount {
	text-align: right;
	color: #f40000;
	font-weight: bold;
	width: 100px;
}

table#CompensateResults td.Title {
	background: #eaf6fb;
	font-weight: bold;
	color: #02ace5;
	padding: 3px 2px;
}

table#CompensateResults td.Amount {
	text-align: center;
	background: #eaf6fb;
	font-weight: bold;
	color: #f40000;
	font-size: 13px;
	padding: 3px 0;
	width: 90px;
}

table#CompensateActions td.AmountCompensate {
	text-align: right;
	font-weight: bold;
	color: #01579f;
	width: 100px;
}

table#CompensateActions td.AmountReduce {
	text-align: right;
	font-weight: bold;
	color: #10a744;
	width: 100px;
}

/* ====================================================================== */
/* === MEMBER PROGRESS BARS ============================================= */
/* ====================================================================== */


ul.ProgressGraphicInfo {
	float:left;
	margin:0;
	padding:0;
}

ul.ProgressGraphicInfo li {
	color:#02ace5;
	font-size:10px;
	background:none;
	margin:21px 0 24px 0;
	padding:0;
}

div#ProgressGraphicContainer {
	position: relative;
	height: 136px;
	width:410px;
	background:url(../images/common/graphic.gif) no-repeat;
	margin:0 0 10px 53px;
}

div#ProgressGraphicCanvas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	background: url(../images/common/progressbar_cust.gif) no-repeat;
	width: 401px;
	height: 24px;
	margin: 15px 0 0 1px;
}

div#ProgressBarMember1, div#ProgressBarMember2, div#ProgressBarMember3 {
	position: absolute;
	left: 1px;
	height: 16px;
	width: 395px;
	overflow: hidden;
}

div#ProgressBarMember1 {
	top: 21px;
}

div#ProgressBarMember2 {
	top:59px;
}

div#ProgressBarMember3 {
	top: 95px;
}

div#ProgressBarMemberPositive1, div#ProgressBarMemberPositive2, div#ProgressBarMemberPositive3 {
	float: left;
	height: 16px;
	background: url(../images/common/progressbarpositive.gif) repeat-x;
}

div#ProgressBarMemberNegative1, div#ProgressBarMemberNegative2, div#ProgressBarMemberNegative3 {
	float: left;
	height: 16px;
	background: url(../images/common/progressbarnegative1.gif) repeat-x;
}

ul.ProgressGraphicLegend {
	padding:0;
	margin:15px 0 25px 55px;
}

ul.ProgressGraphicLegend li {
	color:#02ace5;
	font-size:10px;
	border:1px solid #02ace5;
	padding:3px 5px 3px 24px;
	display:inline;
	background:url(../images/common/legend_red.gif) no-repeat;
	margin:0 2px 0 0;
}

ul.ProgressGraphicLegend li.Legend {
	background:url(../images/common/legend_green.gif) no-repeat;
}

/* ====================================================================== */
/* === IFRAME RESULTS CONTENT  ========================================== */
/* ====================================================================== */

iframe.Large {
	width: 712px;
	height: 1350px;
	/*height: 100000px;*/
	border: 0;
	margin:0;
	padding:0;
}


table.ResultsForm {
}

.RadioButton {
	padding: 0;
	margin: 0 12px 0 0;
}

/*NDA increase width to be able to display confirm email*/
div.ResultsMemberBox {
	width: 324px;
	height:200px;
	background: url(../images/common/small_box_background1.gif) top no-repeat;
	margin: 10px 7px 0 0;
	padding:5px 10px 10px 10px;
}

div.ResultsMemberCloseBox {
	width: 344px;
	height: 7px;
	background: url(../images/common/small_box_background2.gif) bottom no-repeat;
	font-size: 1px;
	margin: 0 0 8px 0;
	clear:both;
}

ul.ResultsMember li {
	background:none;
	margin:15px 0 0 0;
	padding:0;
	color: #02ace5;
}

ul.ResultsMember li.Comments {
	background:none;
	margin:0 0 10px 25px;
	padding:0;
	color: #666666;
}

div.FormRowResults {
	clear: both;
	padding: 6px 0 0 0;
	color: #666666;
	margin:0 0 0 0;
}

div.FormRowResults label {
	float: left;
	padding: 0 0 0 1px;
	font-weight:bold;
	width: 100px;
}

div.FormRowResultsLink {
	clear: both;
	padding: 6px 0 0 0;
	margin:0 0 0 0;
}

div.FormRowEnd {
	margin:0 0 25px 0;
	padding:5px 0;
}

div.FormRow label {
	float: left;
	padding: 0 0 0 1px;
	font-weight:bold;
}

div.FormRowCompensate {
	padding: 5px 0;
}
div.FormRowCompensate label {
	float: left;
	padding: 0 0 0 1px;
	font-weight:bold;
	width:100px;
}

div.FormRowResults a {
	margin:0 0 0 165px;
	font-style:italic;
}

ul.FormMember {
	margin:10px 0 0 0;
}

ul.FormMember li {
	background:none;
	display:inline;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0 30px 0 0;
}

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

ul.ListMember li {
	background: url(../images/common/bullet.gif) no-repeat 0 6px;
	color:#666666;
	padding: 2px 0 0 11px;
	margin: 0 0 0 31px;
}

/* ====================================================================== */
/* === RESUME CONTENT =================================================== */
/* ====================================================================== */

div.Resume {
	border-top:1px solid #e8e8e8;
	height:100px;
	padding:8px 0 0 0;
	width:705px;
	
}

div.ResumeContent {
	float:left;
	height:98px;
	width:538px;
	margin:0 0 0 15px;
}

/*NDA remove delete link*/
div.ModifyResults {
	float:right;
	width:60px;
	height:25px;
}

a.ModifyDelete {
	background:url(../images/common/delete.gif) no-repeat;
	padding:0 0 4px 20px;
	margin:0 10px 0 0;
}

a.ModifyChange {
	background:url(../images/common/change.gif) no-repeat;
	padding:0 0 2px 20px;
}

h4.ResultsTitle {
	color:#10a744;
	margin:0;
}

.ResultssubTitle {
	color:#02ace5;
}

.ResultsImg {
	float:left;
}

.ResultsPrice {
	color:#02ace5;
	font-weight:bold;
	font-size:15px;
	background:#f1f8fb;
	padding:3px;
	margin:23px 0 0 0;
	display:block;
}

.ResultsTotal {
	border-top:1px solid #e8e8e8;
	height:20px;
	width:555px;
	color:#02ace5;
	font-weight:bold;
	font-size:16px;
	background:#f1f8fb;
	padding:3px 0 3px 150px;
	display:block;
}

/* ====================================================================== */
/* === RIGHT COLUMN MEMBER ============================================== */
/* ====================================================================== */


div.RightColumnBoxMember {
	width: 197px;
	background: url(../images/common/rightcolframebg1_member.gif) no-repeat;
	padding: 15px;
}

div.RightColumnCloseBoxMember {
	background: url(../images/common/rightcolframebg2_member.gif) no-repeat;
	height: 8px;
	font-size:1px;
}

div.RightColumnBoxMember h2 {
	font-size: 14px;
	color: #0361b0;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
}

div.RightColumnBoxMember h3 {
	font-size: 12px;
	color: #02ace5;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

div.RightColumnBox p {
	margin: 0 0 10px 0;
}

table.MemberInfos {
	margin: 8px 0;
	width:193px;
}

table.MemberInfos td.Text {
	padding: 3px 5px;
}

table.MemberInfos td.TextResult {
	font-weight:bold;
	color: #02ace5;
	padding: 3px 5px;
	margin-top:10px;
}

table.MemberInfos td.Value {
	text-align: right;
	font-weight:bold;
	color: #02ace5;
	padding: 3px 5px;
}

table.MemberInfos tr.Alternate {
	background:#ebf8fe;
}

table.MemberInfos tr.Results {
	background:#caeeff;
}

div#RightColumn {
	float: right;
	margin: 0 0 5px 0;
	/*height: 99935px;*/
	width: 227px;
}


/* ====================================================================== */
/* === CARBON TABLE ===================================================== */
/* ====================================================================== */

/*-------------------------------*/
div#RedoPaymentContainer {
	width: 466px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

div#RedoPaymentTable {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
}

table.RedoPayment {
	margin: 0 0 5px 0;
	/*width: 454px;*/
}

table.RedoPayment th {
	background: #eaf6fb;
	padding: 3px 0;
}

table.RedoPayment td.Title {
	background: #eaf6fb;
	font-weight: bold;
	color: #02ace5;
	padding: 3px 2px;
	text-align: center;
}

table.RedoPayment td.Paid {
	text-align: center;
	background: #eaf6fb;
	font-weight: bold;
	color: #f40000;
	font-size: 13px;
	padding: 3px 0;
	width: 110px;
}

table.RedoPayment td.StillToPay {
	text-align: center;
	background: #eaf6fb;
	font-weight: bold;
	color: #10a644;
	font-size: 13px;
	padding: 3px 0;
	width: 110px;
}


table#RecapResults {
	width:466px;
	padding:0;
	margin:0;
	
}

table#RecapResults img {
	margin:2px 0;
	border:none;
}


table#RecapResults td.FirtsColumn {
	background:#f5f5f5;
	color:#02ace5;
	width:85px;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.SecondColumn {
	background:#fddbdb;
	color:#f40000;
	width:120px;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.ThirdColumn {
	background:#ddf3e5;
	color:#10a744;
	width:120px;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.FourthColumn {
	background:#eaf6fb;
	color:#01579f;
	width:120px;
	height:43px;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.BottomResults {
	background:#f5f5f5;
	color:#02ace5;
	height:26px;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	padding:0 0 0 20px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.BottomResultsNumbers {
	background:#f5f5f5;
	color:#01579f;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.TotalResults {
	background:#02ace5;
	color:#FFFFFF;
	height:50px;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	padding:0 0 0 20px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

table#RecapResults td.Total {
	background:#02ace5;
	color:#FFFFFF;
	height:50px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
}

.ResultsTonnes {
	color:#ffd800;
	font-size:28px;
	line-height:28px;
	font-weight:bold;
}

.SmallResultsTonnes {
	color:#ffd800;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
}

.PreciseMesure {
	font-size:11px;
	font-weight:bold;
	color:#02ace5;
}


table#RecapResults td.Modify {
	background:url(../images/common/modify.gif) no-repeat left;
	width:84px;
	padding:0 0 0 45px;
	border-right:2px solid #FFFFFF;
	vertical-align:middle;
}

/*NDA: add class for modify reduction*/
table#RecapResults td.ModifyReduction {
	background:url(../images/common/modifygreen.gif) no-repeat left;
	width:84px;
	padding:0 0 0 45px;
	border-right:2px solid #FFFFFF;
	vertical-align:middle;
}


/* ====================================================================== */
/* === CARBON TABLE ===================================================== */
/* ====================================================================== */

/* ====================================================================== */
/* === REGLAGE DETAIL REDUCE ============================================ */
/* ====================================================================== */

table.ReduceActions td.Description {
	width:310px;
}

/* ====================================================================== */
/* === REGLAGE DETAIL REDUCE ============================================ */
/* ====================================================================== */

/* ====================================================================== */
/* === BECOME =========================================================== */
/* ====================================================================== */

div#Certificate {
	background:#f1f8fb;
	padding:8px;
	border:1px solid #caebfa;
}

/* ====================================================================== */
/* === BECOME =========================================================== */
/* ====================================================================== */







/* ================================================================== */
/* ===  NEW PACK CO2  =============================================== */
/* ================================================================== */

/*NDA allow to click anywhere on the div*/
div.ZonePack {
	float:left;
	background:#FFFFFF;
	width:340px;
	font-size:11px;
	min-height:125px;
	padding:5px 0 10px 0;
	margin: 0 5px 0 0;
	cursor: pointer;
}

div.ZonePack.PackSelected {
	background:#fffec8;
}


.PackSelected {
	background:#fffec8;
}

		div.ZonePack p{
			font-size:11px;
			margin:0 0 3px 0;
		}
		
		.ImportantWord {
			color:#0faee5;
			font-size:12px;
			font-weight:bold;
		}
		
		div.InfoPrice {
			float:left;
			width:220px;
		}

		.PackTexte {
			float:right;
			width:195px;
			margin:0 0 10px 0;
		}
		
		.PackSeparator {
			margin:0;
			padding:0;
			background:url(../images/common/pack/border.gif) no-repeat;
			width:685px;
			height:1px;
			clear:both;
		}
		
img.ImagePack {
	float:left;
	margin:0 5px 20px 0;
}

ul.ListPack {
	list-style:none;
	margin:0;
	padding:0;
}

	ul.ListPack li {
			background:url(../images/common/pack/bulletpack.gif) left no-repeat;
			font-size:11px;
			padding:0 0 0 10px;
	}

a.ButtonSelect {
	float:right;
	color:#FFFFFF;
	font-size:10px;
	background:url(../images/common/pack/button_select.gif) no-repeat;
	display:block;
	width:103px;
	height:18px;
	padding:0 0 6px 0;
	line-height:21px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

a.ButtonSelect:hover {
	color:#0068b2;

}

.clearer {
	clear:both;
}



div.PackInformationsBox {
	width: 672px;
	background: url(../images/common/large_box_background3.gif) top left no-repeat;
	margin: 0;
	padding:10px 10px 0px 10px;
	overflow:hidden;
}

div.PackInformationsBoxClose {
	width: 692px;
	height: 7px;
	background: url(../images/common/large_box_background4.gif) bottom no-repeat;
	font-size: 1px;
	margin: 0 0 8px 0;
	clear:both;
}

.TablePackMessage {
	width:660px;
	border:0;
	margin:0;
	padding:0;

}
	
		.TablePackMessage td {
			height:20px;
			font-weight:normal;
			vertical-align:top;
		}

ul.ZoneCommand {
	list-style:none;
}

		ul.ZoneCommand li {
			list-style:none;
			background:none;
			padding:0;
			margin:0 0 5px 0;
			height:25px;
			border-bottom:1px solid #d4ebf8;
		}

div.StatusOption {
	height:25px;
	display:block;
}

div.InCommandDetails {
	float:left;
	font-weight:normal;
	margin:5px 0 0 0; 
}

div.InCommandOptions {
	float:right;
	margin:5px 0 0 0;
}

div.ButtonsOptions {
	width:688px;
	float:left;
}

		.ImportantInfo {
			font-weight:normal;
			color:#00cbf6;
		}
		
		.PriceOptions {
			color:#10a744;
			margin:0 50px 0 0;
		}
		
		.PackCommand {
			font-size:13px;
			font-weight:bold;
			color:#0361b0;
		}
	

div.ChoiceProjectTitle {
	clear:both;
	float:left;
	width:200px;
	margin:0 15px 0 0;
}
	
div.ChoiceProject {
	float:right;
	width:450px;
	padding:5px 0 0 0;
}

/* ====================================================================== */
/* === TRANSACTIONS LIST RESUME ========================================= */
/* ====================================================================== */

ul.TransactionsResumeList {
}

ul.TransactionsResumeList li {
	overflow: hidden;
	width: 430px;
	line-height: 18px;
}

ul.TransactionsResumeList li div {
	float: left;
	display: block;
	width: 280px;
}

ul.TransactionsResumeList li a.LinkViewCertificate {
	float: right;
	width: 90px;
}