/* CSS Document */
@import url("/style/face3.css");

/*******************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/main_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
.pipe{padding-left:1px; padding-right:1px; color:#BBBBBB; font-size:10px;}
/****************/
/*padding*/
/****************/

.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

/***** font sizes *****/
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}

.b{font-weight:bold;}
.nobold{ font-weight:normal;}

/*******colors*******/
.pink{color:#F6027E;}
.grey1{color:#7B7B7B;}
.blue{color:#04AAF7;}
.cyan{color:#0DA0E5;}
.red{color:#CC0000;}
.green{color:#ACC04D;}
.lightblue{color:#EBF9FF}
.whitecolor{color:#FFFFFF}
.nolink{text-decoration:none;}

/*******************************/
#container{
	width:971px;
	/*overflow:hidden;*/
	height:auto;
}

#headerpatch{
	width:947px;
	height:195px;
	/*height:180px;*/
	background-image: url(images/header_bottom_gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	/*background-color:#666666;*/
}

#logo{
	width:171px;
	height:136px;
	float:left;
	padding-top:10px;
}
#headerright{
	width:767px;
	height:49px;
/*	background-color:#003366;*/
	float:left;
}

#headertop{
	height:100px;
	width:767px;
/*	background-color:#CC6600;*/
}

#headertab{
	width:749px;
	height:49px;
	float:right;
}

#sublinks{
	width:740px;
	height:49px;
	float:right;
	text-align:left;
	padding-top:5px;
}


#headban{width:566px; float:left;}
#welcome{width:191px; float:left;}

#toplink_left{
	background-image: url(../images/toplnk_left.gif);
	background-repeat: no-repeat;
	background-position: left;
	height:49px;
	width:12px;
	float:left;
}

#toplink_mid{
	background-image: url(../images/toplnk_mid.gif);
	background-repeat:repeat-x;
	background-position: left top;
	height:49px;
	width:725px;
	float:left;
}

#toplink_right{
	background-image: url(/voice/images/toplnk_right.gif);
	background-repeat: no-repeat;
	background-position: left;
	height:49px;
	width:12px;
	float:left;	
}

/* #############   Page Column Construct #############  */
.mergecol{width:943px; }
.gap{height:10px; width:100%;}
/* #############   Page Column Construct #############  */


/********** CURVE DIVS *********/

.curvetop{
	width:941px;
	height:17px;
	background-image:url(../images/co2page-curve-top.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

.curvemid{
	width:941px;
	background-image:url(../images/co2page-curve-mid.gif);
	background-repeat:repeat-y;
	background-position: left top;
}

.curvebottom{
	width:941px;
	background-image:url(../images/co2page-curve-bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:16px;
}

.curveall{width:943px; height:519px;}

.curve4meerweten{width:941px; height:705px;}

.curve_home{width:943px; height:393px;}

.pageleftcol{ width:478px; float:left;}
.pagerightcol{ float:right;}


/******************/
/*** new page curves**/

.curvenew{width:941px; height:430px;}


.threeequal{
	background-image:url(../images/co2_green_box_big.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:330px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

.threeequalani{
	background-image:url(../images/co2_ani_green_box.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:314px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

.threeequal3{
	background-image:url(../images/co2_green_box_big.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:330px;
	padding-right:10px;
	float:left;
}

.box3meerweten{
	background-image:url(../images/co2_green_box_3.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:330px;
	padding-right:10px;
	float:left;
}

.bullet{
	background-image: url(../images/green_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: list-item;
	padding-left:20px;
	text-align:left;
	margin-bottom:15px;
	list-style-type: none;
	font-size:14px;
	line-height:1.5em;
	margin-left:6px;
	/*width:369px;*/
}

.bullet4meer{
	background-image: url(../images/green_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: list-item;
	padding-left:20px;
	text-align:left;
	margin-bottom:5px;
	list-style-type: none;
	font-size:12px;
	line-height:1.6em;
	width:407px;
}

.bullet4consultancy{
	background-image: url(../images/green_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: list-item;
	padding-left:20px;
	text-align:left;
	margin-bottom:5px;
	list-style-type: none;
	font-size:12px;
	line-height:1.6em;
}

.bullet_mod{
	background-image: url(../images/bullet_manus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: list-item;
	padding-left:20px;
	text-align:left;
	margin-bottom:5px;
	list-style-type: none;
	font-size:12px;
	line-height:1.6em;
	width:407px;
}


.nobullet{
	text-align:left;
	margin-bottom:15px;
	list-style-type: none;
	font-size:12px;
	line-height:1.6em;
	width:407px;
}

.newstitle{font-size:18px; color:#0E9EE2;}

/********* small table *********/

.tabdata{
	margin-top:10px;
	width:541px;
	background-color:#FFFFFF;
}

.tabtop{
	height:12px;
	width:541px;
}

.tabbot{
	height:12px;
	width:541px;
	vertical-align:top;
}

.tabmid{
	background-image:url(../../images/login_table_bg.gif);
	width:541px;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.datatable{
	width:490px;
	margin-left:27px;
	text-align:left;
}

.pageheader{
	font-size:16px;
	color:#678418;
	padding-bottom:5px;
	font-weight:bolder;
	margin-bottom:5px;	
}

.pagesubheader{
	font-size:13px;
	color:#444444;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:3px;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;	
}

.frmborder{border:1px #cccccc solid; height:15px; padding-top:2px; font-size:12px; color:#666666;}

.frmborderdis{border:1px #cccccc solid; height:15px; padding-top:2px; font-size:12px; color:#666666; background-color:#EBEBEB;}



.frmbox_tp{
	background-image: url(../images/frmbox_bg_tp.gif);
	background-repeat: repeat-x;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #FFFFFF;
	height:19px;
	padding-left:2px;
	padding-top:0px;
	float:left;	
}

.frmbox{
	background-image: url(../images/sq_frmbox_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #FFFFFF;
	height:19px;
	padding-left:2px;
	padding-top:2px;
	float:left;	
}

.frmboxleft{
	background-image: url(../images/sq_frmbox_left.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 5px;
	float:left;
}

.frmboxright{	
	background-image: url(../images/sq_frmbox_right.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 5px;
	float:left;	
}

.frmboxdis{
	/*background-image: url(../images/sq_frmbox_bg_dis.gif);
	background-repeat: repeat-x;*/
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #FFFFFF;
	height:19px;
	padding-left:2px;
	padding-top:0px;
	float:left;
	background-color:#EBEBEB;	
}

.frmareadis{
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #FFFFFF;
	height:19px;
	padding-left:2px;
	padding-top:0px;
	float:left;
	background-color:#EBEBEB;
}

.frmboxleftdis{
	/*background-image: url(../images/sq_frmbox_left_dis.gif);
	background-repeat: no-repeat;*/
	height: 20px;
	width: 5px;
	float:left;
	background-color:#EBEBEB;
}

.frmboxrightdis{	
	/*background-image: url(../images/sq_frmbox_right_dis.gif);
	background-repeat: no-repeat;*/
	height: 20px;
	width: 5px;
	float:left;
	background-color:#EBEBEB;	
}


.frmarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border: 1px solid #CCCCCC;
	padding-left:5px;
}

.red{ color:#CC0000; text-align:left;}

.numberplate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000000;
	border: 0px;
	padding-left:2px;
	background-color:#F7C300;
	text-align:center;
}

.co2frmboxleft{
	background-image: url(../images/co2frmbox_left.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 12px;
	float:left;
}

.co2frmboxright{	
	background-image: url(../images/co2frmbox_right.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 12px;
	float:left;	
}

.co2frmbox{
	background-image: url(../images/co2frmbox_bg.gif);
	background-repeat: repeat-x;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #01ADFC;
	border: 0px none #01ADFC;
	padding-left:2px;
	padding-top:4px;
	float:left;	
}

.co2frmboxleftdis{
	background-image: url(../images/co2frmbox_leftdis.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 12px;
	float:left;
/*	background-color:#EBEBEB;*/
}

.co2frmboxrightdis{	
	background-image: url(../images/co2frmbox_rightdis.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 12px;
	float:left;
/*	background-color:#EBEBEB;	*/
}

.co2frmboxdis{
	background-image: url(../images/co2frmbox_bgdis.gif);
	background-repeat: repeat-x;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #01ADFC;
	border: 0px none #01ADFC;
	padding-left:2px;
	padding-top:4px;
	float:left;	
/*	background-color:#EBEBEB;*/
}





.co2borderfrm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border: 1px #989797 solid;
	padding-left:5px;
}
.co2_formgap{
	height:25px; 
}

.msgboxleft{
background-image:url(../images/msgbox_left.gif);
background-repeat:no-repeat;
height:40px;
width:10px;
float:left;
/*margin-bottom:10px;*/
}

.msgboxmid{
background-image:url(../images/msgbox_mid.gif);
background-repeat:repeat-x;
height:40px;
float:left;
color:#cc0000;
padding-top:12px;
text-align:center;
/*margin-bottom:10px;*/
}

.msgboxright{
background-image:url(../images/msgbox_right.gif);
background-repeat:no-repeat;
height:40px;
width:10px;
float:left;
/*margin-bottom:10px;*/
}

.bigheader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#000000;
}

/**********NEW HEADER**************/

.nhtab_left{background-image:url(../images/nh_left.gif); background-repeat:no-repeat; height:36px; width:14px; float:left;}
.nhtab_mid{background-image:url(../images/nh_mid.gif); background-repeat:repeat-x; height:36px; width:739px; float:left;}
.nhtab_right{background-image:url(../images/nh_right.gif); background-repeat:no-repeat; height:36px; width:14px; float:left;}

.nhsub_left{background-image:url(../images/nhsub_left.gif); background-repeat:no-repeat; height:36px; width:10px; float:left;}
.nhsub_mid{background-image:url(../images/nhsub_mid.gif); background-repeat:repeat-x; height:36px; float:left;}
.nhsub_right{background-image:url(../images/nhsub_right.gif); background-repeat:no-repeat; height:36px; width:10px; float:left;}

/**********NEW HEADER**************/

/**********HP BACKGROUND**************/
.bg1 {background-image:url(../images/co2_bg_page01.jpg); background-repeat:no-repeat;}
.bg2 {background-image:url(../images/co2_bg_page02.jpg); background-repeat:no-repeat;}
.bg3 {background-image:url(../images/co2_bg_page03.jpg); background-repeat:no-repeat;}

/**********NEW NO PLATE**************/
.newnpmeter {font-family:Arial, Helvetica, sans-serif;
	width:28px;
	height:48px;
	background-image:url(../images/new_np_meter.jpg);
	background-repeat:no-repeat;
	float:left;

}
.newnpmeterfrm{padding-top:10px; 
	font-size: 20px;
	background-color:transparent;
	color: #FFFFFF!important;
	width:28px;
	border:0px;
	text-align:center;
	font-weight:bold;
}

.newnp_bg{
	background-image:url(../images/new_np.png);
	background-repeat:no-repeat;
	width:188px;
	height:48px;
}

.newnp{
background-color:#FEBD00;
border:0 none;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding-left:2px;
text-align:center;
}

.new_struc_noplate{
	background-image:url(../../new_images/numberplate.png);
	background-repeat:no-repeat;
	width:129px;
	height:33px;
}

.new_struc_meter {font-family:Arial, Helvetica, sans-serif;
	width:18px;
	height:32px;
	background-image:url(../../new_images/new_struc_meter.png);
	background-repeat:no-repeat;
	float:left;
}

.new_struc_meterfrm{padding-top:5px; 
	font-size: 14px;
	background-color:transparent;
	color: #FFFFFF!important;
	width:18px;
	border:0px;
	text-align:center;
	font-weight:bold;
}

.testi_box{
	background-image:url(../../new_images/testi_box.png);
	background-repeat:no-repeat;
	width:306px;
	height:169px;
}

.arti_box{
	background-image:url(../../new_images/arti_box.png);
	background-repeat:no-repeat;
	width:465px;
	height:185px;
}

.fourequalboxtop{
	background-image:url(../../new_images/hp_4equal_box_top.gif);
	background-repeat:no-repeat;
	width:227px;
	height:14px;
}
	
.fourequalboxmid{
	background-image:url(../../new_images/hp_4equal_box_mid.gif);
	background-repeat:repeat-y;
	width:227px;
}

.fourequalboxbot{
	background-image:url(../../new_images/hp_4equal_box_bot.gif);
	background-repeat:no-repeat;
	width:227px;
	height:14px;
}

.hp_scrollbullet {
background-image:url(../../images/greensq.gif);
background-position:left 15px;
font-size:11px;
background-repeat:no-repeat;
display:list-item;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:10px;
padding-top:10px;
width:425px;
}

.nvfrm {font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:26px;
	height:43px;
	background-image:url(../../new_images/nv_np_meter_bg.gif);
	background-repeat:no-repeat;
	float:left;
}

.nvtxt{padding-top:7px; 
	font-size:18px;
	background-color:transparent;
	color: #FFFFFF!important;
	width:26px;
	border:0px;
	text-align:center;
	
}
	
.fl{float:left;}
.fr{float:right;}

.co2order_divider{background-image:url(../../new_images/co2order_logo_divider.gif); background-repeat:no-repeat; margin-right:15px; float:left; background-position:right; padding-right:15px;}

.reggreenboxtop{
	width:941px;
	height:16px;
	background-image:url(../../new_images/co2_registergreenbox_top.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

.reggreenboxmid{
	width:941px;
	background-image:url(../../new_images/co2_registergreenbox_mid.gif);
	background-repeat:repeat-y;
	background-position: left top;
}

.reggreenboxbot{
	width:941px;
	background-image:url(../../new_images/co2_registergreenbox_bot.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:16px;
}


/************* ING ******************/
.consumer_np_box{
	background-image:url(../../new_images/main_np_box.jpg);
	width:941px;
	height:308px;
	background-repeat:no-repeat;
	}

.ing_struc_noplate {
background-image:url(../../new_images/ing_numberplate.png);
background-repeat:no-repeat;
height:36px;
width:141px;
}

.ing_newnp{
background-color:#f7c000;
border:0 none;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left:2px;
text-align:center;
}

.ing_struc_meter {font-family:Arial, Helvetica, sans-serif;
	width:24px;
	height:36px;
	background-image:url(../../new_images/ing_struc_meter.png);
	background-repeat:no-repeat;
	float:left;
}

.ing_struc_meterfrm{padding-top:5px; 
	font-size: 14px;
	background-color:transparent;
	color: #FFFFFF!important;
	width:18px;
	border:0px;
	text-align:center;
	font-weight:bold;
}

.ingfrm{
	width:200px;
	border:1px #a8c14b solid;
	}
	
.consumer_top_car_box{
	background-image:url(../../new_images/ing_consumer_top_car_box.jpg);
	width:941px;
	height:200px;
	background-repeat:no-repeat;
	}


/************* ING ******************/
