/********************************************************************************************************************/
/* BASIS CONTENTVLAK TEMPLATES
/* 
/********************************************************************************************************************/


/* Content / zijkant basis elementen
----------------------------------------------------------*/

.contInleiding, .contInleiding p, .contCMSBlok, .contCMSBlok p {	
	line-height:17px; /* mooie waarde: font-size + 5px || Let op dat deze line-height overruled moet worden door h1, h2, h3 etc. indien gewenst */
}

h1, h2, h3, h4, h5, h6, p {
	text-decoration: none;				
}

h1 {
	font-size: 24px;
	margin-bottom: 17px;
	color: #414141;
	line-height: 30px;
}

div.homeText {
	font-size: 22px;
	line-height: 28px;
}

div.homeText a {
	font-size: 28px;
	font-weight: bold;
}

h2 {
	color: #414141;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 17px;
	line-height: 25px;
}
div.A1RightCol h2 {
	padding-top: 18px;
	margin-left: 70px;
	margin-bottom: 35px;
}

div.loginColumn2 h2 {
	margin-right: 5px;
}

div.columnDone h2 {
	margin-bottom: 10px;
}

div.newsItems h2 {
	margin-bottom: 4px;
}

div.newsItem {
	padding: 7px 0 5px 0;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #414141;
	margin-bottom: 3px;
}

p {	/* font-size wordt in master bovenin gedeclareerd, NIET hier */
	margin: 0 0 18px 0; /* verplichte waarde: 0  De marge onder een <p> wordt niet hier gezet, maar in de <span class="spacer"> */
	padding:0; /* verplichte waarde: 0 */
}

div.contBlock2 ol,
div.contBlock2 ul {
	margin-bottom: 18px;
}

em { /* Geaccentueerde tekst in de content */
	
}

.contTxtAccent { /* Geaccentueerde tekst 2 in de content */
	color: #FF6600;
}

div.messService {
	font-size: 18px;
	font-weight: bold;
	color: #F60;
	margin: 8px 0;
}

div.ORtext {
	color: #F60;
	font-size: 15px;
	font-weight: bold;
	background: #f9f9f9;
	padding: 4px 0;
}
div.ORhorizontal {
	width: 50px;
	position: relative;
	z-index: 10;
	margin: 17px 0 0 0;
}
div.ORhorizontal div.ORtext {
	background-color: #f6f6f6;
	padding: 0 0 0 15px;
	position: absolute;
	width: 35px;
	top: -10px;
	left: 163px;
}

div.ORmargin {
	margin-bottom: 14px;
}

div.option {
	font-size: 18px;
	font-weight: bold;
	color: #414141;
}

div.url {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 252px;
	height: 30px; /* 34px */
	border: 1px solid #dfdfdf;
	background: #FFF;
	padding: 4px 0 0 0;
	margin: -9px 0 9px 0;
	line-height: 28px;
}


div.date {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
	font-weight: bold;
}

div.intro {
	margin-top: -15px;
}

.noTitle {
	margin-top: -4px;
}

/* List styles
----------------------------------------------------------*/

ol {
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
}

ol li {
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
	font-weight: bold;
}

ol li span {
	font-weight: normal;
}

.contTxtSmall {
	font-size:11px;
}
.contTxtGhost {
	color: #666666;
}
/*.date { 
	display:inline;
	color:#666666;
}*/

.contTopspacer { /* marge in bovenkant van contentvlak aanbrengen */
	height: 20px;
	display:block;
	font-size:1px;
}

div.separator {
	height: 2px;
	background: url(../images/shared/separator_line.gif) top left repeat-x;
	padding-bottom: 20px;
}

div.needHelp div.separator {
	margin: 0;
	padding: 0;
}

div.inviteFriend div.separator {
	margin-top: 12px;
}

.alignRight {
	text-align: right;
	width: 100%;
}

span.note {
	font-size: 10px;
}

.block {
	display: block;
}

.extraMargin {
	margin-top: 5px;
}

.padding8px {
	padding-bottom: 8px;
}

.orange {
	color: #F60;
}

.changedLinkMargin {
	margin: -10px 0 8px 0;
}

.fr {
	float: right;
}

/* Content containers
----------------------------------------------------------*/

.contInleiding, .contCMSBlok { /*LET OP: DIT BLOK IS EXCLUSIEF VOOR MET CMS OPGEBOUWDE CONTENT, ZIE O.A. content_blokken.tpl */
	margin: 0 20px;			
	clear: both;					
}
	.contInleiding, .contInleiding p {
		font-weight:bold;
	}

body.contCMSBlok { /* LET OP: omdat de stylesheet ook gekoppeld is aan webcomposer, kunnen styles hiervoor worden aangepast */
	background-image: none; /* uit zetten van een eventuele background-image */
	background-color: #fff; /* geef dezelfde kleur op als in het contentvlak */
	margin:0;
	padding:5px;/* 5px, hoeft niet te worden aangepast */
}

	.contInleiding a:link, .contInleiding a:active, .contInleiding a:visited, 
	.contCMSBlok a:link, .contCMSBlok a:active, .contCMSBlok a:visited {
		color: #000000 !important;									
		text-decoration: underline !important;						
	}

	.contInleiding a:hover, .contCMSBlok a:hover {
		color: #FF0000 !important;									
		text-decoration: underline !important;						
		}

	.contCMSBlok .spacer, .contInleiding .spacer { /* spacer is verplicht om marge te creeren onder een <p>*/
		display:block;
		padding-bottom:15px; /* default = 15px; zelfde waarde als ondermargin van contImg */
		}
		
.paddingBottom3px {
	padding-bottom: 3px;
}

div.spacer15px {
	padding-bottom: 15px;
}

div.spacer20px {
	padding-bottom: 20px;
}

div.spacer20px p{
	margin-bottom: 0;
}

div.spacer15px p {
	margin-bottom: 0;
}

div.spacer6px {
	padding-bottom: 6px;
}
div.spacer6px a {
	margin: 0 15px 0 0;
	white-space: nowrap;
}

.contBlock1 { /* Blok zonder ondermarge */
	width: 348px;
	padding: 0 50px 0 0;
}

.contBlock2 { /* Blok met volledige ondermarge */
	width: 492px;
	clear: both;
	padding-bottom: 20px;
}

.contBlock3 { /* Blok met ondermarge, aanvullend op marge van de inhoud */
	margin:0 20px 10px 20px;
	clear: both;
}

.contFloatBlok { /* Blok met floating content, rechtermarge dus op nul zetten */
	margin: 0 0 0 20px;
	clear: both;
}

.contBanner { /* Gestapelde Banner */
	margin: 0px 20px 20px 20px;
	clear: both;
}


/* 	Content SUB containers
	stapelen BINNEN een contentblok
----------------------------------------------------------*/

.contSubBlok1, .contSubBlok1a, .contSubBlok1b, .contSubBlok1c, .contSubBlok1d { /* marge aanvullend */
	margin-bottom: 15px;
	/*background-color:#CCCCCC;  BG-kleur is alleen voor het visueel verduidelijken van de containers */
}
	.contSubBlok1 { clear: both; } /* stapelen: onder elkaar */
	.contSubBlok1a { float:left; clear: both; } /* stapelen: links | onder elkaar */
	.contSubBlok1b { float: left; margin-right:20px; } /* stapelen: links | naast elkaar */
	.contSubBlok1c { float: right; text-align:right; margin-left: 20px; } /* stapelen: rechts | naast elkaar */
	.contSubBlok1d { float: right; text-align:right; } /* stapelen: rechts | onder elkaar */
	

/* Content containers inhoud
----------------------------------------------------------*/

/* grafische opsomming */ 
.contCMSBlok ul, .contInleiding ul {
	padding:0;
	margin:0;
	list-style:none;
}
.contCMSBlok ul li, .contInleiding ul li {
	padding-left:12px;
	padding-bottom:5px;
	background:url(../images/shared/list_item_bullet.gif) no-repeat 0 5px;
	list-style: none outside none; /* Hier NIETS aanpassen */
	text-indent:0; /* Hier NIETS aanpassen: IE-fix */
	height:1%; /* Hier NIETS aanpassen: IE-fix */
}
	body.contCMSBlok li, body.contInleiding li { height:auto} /* verplichte waarde, niet aanpassen */

/* <ol> werkt nog niet cross-browser en gewrapped naast een visual */
/* teller opsomming */
.contCMSBlok ol, .contInleiding ol {
	margin: 0 0 10px 0px;
	padding-left: 22px;
	list-style-position: outside;	
}

.contCMSBlok ol li, .contInleiding ol li {
	padding: 0 0 5px 0px;
	margin:0 0 0 0;
	/* text-indent:20px;   Hier NIETS aanpassen: IE-fix */
}

/* Scheidingslijn 2 tussen de contentblokken */
.contDivider {
	padding: 0;
	margin: 0 20px 0 20px;
	background-image: url(../images/shared/stippel.gif);
	background-repeat: repeat-x;
	background-position: right top;
	height: 20px;
	font-size: 0;
	overflow: hidden;
	clear: both;
}


/* Content images - zonder onderschrift
----------------------------------------------------------*/

.contImg {
	border: 1px solid #dfdfdf;
	padding: 4px;
	display: block;
	margin: 4px 0 9px 0;
}

div.contBlock2 .contImg {
	margin-bottom: 23px;
	margin-top: 9px;
}

.contImgMiddleContainer { /* Alleen de in het midden uitlijnende visual moet in een aparte container worden geplaatst */
	text-align:center; 
	}
.contImgLeft, .contImgRight, .contImgMiddle {
	display:table; /* NIET aanpassen */
	min-width:10px;	/* HACK: min-height in IE6, zie: http://www.dustindiaz.com/min-height-fast-hack/ */
	overflow:visible;
	margin-top: 3px; /* NIET aanpassen */
	background-color:#FFFFFF;
	border: 1px solid #dfdfdf;
}

div.contBlock2 .contImgLeft {
	margin-bottom: 23px;
}
.contImgMiddle { 
	margin-left:auto; /* NIET aanpassen */
	margin-right:auto; /* NIET aanpassen */
	}
	* html .contImgMiddle { width:10px; /* NIET aanpassen */}

.contImgLeft {
	margin-right: 10px;
	float: left; /* NIET aanpassen */
}
.contImgRight {
	margin-left: 10px;
	float: right; /* NIET aanpassen */
}
	.contImgSub { /* voor extra styling, bijv 2e border */
		display:block;	/* NIET aanpassen */
		border: 1px solid #dfdfdf; 
		text-align:center; /* NIET aanpassen */
		} 	
			.contImgLeft img, .contImgRight img, .contImgMiddle img { /* De visual */
				margin: 4px;
				vertical-align:top;
			}

.noStyle {
	border: none;
	background: none;
}

.minMargin7px {
	margin-bottom: -7px;
}

/* Content links
----------------------------------------------------------*/
		
a {
	color: #666;
}

a:hover {
	text-decoration: underline;
	color: #F60;
}

a.fwdLink {
	background: url(../images/shared/arrow_fwd.gif) no-repeat;
	background-position: right 3px;
	display: block;
	padding: 0 17px 0 0;
	color: #666;
}

a:hover.fwdLink {
	background-position: right -84px;
	color: #F60;
}

.layoutColRight a:hover {
	color: #F60;
}

a.contLink {
	background: url(../images/shared/arrow_fwd.gif) no-repeat;
	background-position: left 0px;
	padding: 0 0 0 19px;
	line-height: 23px;
	color: #666;
}

a:hover.contLink {
	background-position: left -87px;
	color: #F60
}

.needHelp {
	margin-top: -4px;
}

.backToDownload {
	margin-top: 5px;
}

a.contLink2 {
	background: url(../images/shared/arrow_fwd.gif) no-repeat;
	background-position: right 0px;
	padding: 0 19px 0 0;
	line-height: 23px;
	color: #666;
}

a:hover.contLink2 {
	background-position: right -87px;
	color: #F60
}

a.linkLight {
	background: url(../images/shared/arrow_fwd_light.gif) no-repeat;
	background-position: right 6px;
	padding: 0 8px 0 0;
	color: #F60;
}

a:hover.linkLight {
	background-position: right -89px;
	color: #666;
}

a.backLink {
	display: block;
	width: 100px;
	margin : 11px 0 0 3px;
	padding: 0 0 0 12px;
	background: url(../images/shared/arrow_bck_semilight.gif) no-repeat;
	background-position: left 8px;
	color: #666;
	clear: both;
}

a:hover.backLink {
	background-position: left -87px;
	color: #F60;
}

a.buttonLink,
a.nextStepLink {
	display: block;
	cursor: pointer;
	text-decoration: none;
}

a.buttonLink div.buttonLinkLeft,
a.buttonLink div.buttonLinkCenter,
a.buttonLink div.buttonLinkRight {
	height: 22px;
	float: left;
}

a.nextStepLink div.buttonLinkLeft,
a.nextStepLink div.buttonLinkCenter,
a.nextStepLink div.buttonLinkRight {
	height: 22px;
	float: right;
}

a.buttonLink div.buttonLinkLeft,
a.nextStepLink div.buttonLinkLeft {
	background: url(../images/shared/btn_bg_orange_left.gif) top left no-repeat;
	width: 7px;
}

a.buttonLink div.buttonLinkCenter,
a.nextStepLink div.buttonLinkCenter {
	background: url(../images/shared/btn_bg_orange_center.gif) top left repeat-x;
	color: #FFF;
	font-weight: bold;
	line-height: 22px;
	padding: 0 25px;
}

a.nextStepLink div.buttonLinkCenter {
	padding: 0 14px 0 20px;
}

a.buttonLink div.buttonLinkRight {
	background: url(../images/shared/btn_bg_orange_right.gif) top left no-repeat;
	width: 7px;
}

a.nextStepLink div.buttonLinkRight {
	background: url(../images/shared/btn_next_right.gif) top left no-repeat;
	width: 31px;
}

a:hover.buttonLink,
a:hover.nextStepLink {
	text-decoration: none;
}

a:hover.buttonLink div,
a:hover.nextStepLink div {
	background-position: left -22px;
}

a.macUser {
	/*background: url(../images/shared/logo_apple.gif) center left no-repeat;*/
	float: right;
	padding: 0 0 0 22px;
	margin-top: -20px;
}

a.pdfLink {
	background: url(../images/shared/icon_pdf.gif) center left no-repeat;
	padding: 1px 0 1px 25px;
}

/* Content Verwijzingingen onder contentblokken
----------------------------------------------------------*/

.contVerwijzing {
	padding:0 0 35px 0;
	background:url(../images/shared/stippel.gif) left top repeat-x;
}
.contVerwijzing div {
	background:url(../images/shared/stippel.gif) left bottom repeat-x;
	padding:5px 10px 7px 10px;
}


/* Content extra elementen
----------------------------------------------------------*/

.clear { /* Het teniet doen van 'floats' (clear) */
	display:block;
	height:0px;
	clear:both;
	font-size:0;
	line-height:0;
	background:none;
	padding:0;
	
}



/********************************************************************************************************************/
/* EXTRA CONTENT TEMPLATES
/* uitleg: 
/********************************************************************************************************************/


/* Home
----------------------------------------------------------*/

div.flashElement {
	margin: 0 0 0 -125px;
	position: relative;
	z-index: 200;
	width: 257px;
	height: 354px;
}

div.flashElement img {
	vertical-align: top;
}

/*div.formHomeWebchat {
	width: 220px; /* 264px *//*
	margin: 0 -98px 0 0;
	position: relative;
	z-index: 10;
	margin-top: 37px;
	padding: 16px 22px 0 22px;
}*/

div.webchat {
	/*width: 264px;*/
	width: 200px; 
	margin: 15px -98px 0px 0px;
	_margin: 0 -102px 0 0;
	position: relative;
	z-index: 10;
	/*margin-top: 37px;*/
}

div.webchat div.top {
	height: 10px;
	background: url(../images/shared/home_form_bg.gif) top right no-repeat;
}

div.webchat div.bottom {
	height: 10px;
	background: url(../images/shared/home_form_bg.gif) bottom right no-repeat;
}

div.webchat div.center {
	background: url(../images/shared/home_form_bg_gradient.gif) top left no-repeat;
}

div.webchat div.content {
	padding: 6px 22px 6px 22px;
}


div.formHomeiphode {
	width: 264px;
	margin: 0 -98px 0 0;
	position: relative;
	z-index: 10;
	margin-top: 37px;
	padding: 16px 22px 0 22px;
}

div.iphode {
	margin:37px -98px 0pt 0pt;
	position:relative;
	width:264px;
	z-index:10;	
}

div.iphode div.top {
	background:transparent url(../images/shared/home_form_bg_big.gif) no-repeat scroll right top;
	height:10px;
}

div.iphode div.bottom {
	background:transparent url(../images/shared/home_form_bg_big.gif) no-repeat scroll right bottom;
	height:10px;
}

div.iphode div.center {
	background:transparent url(../images/shared/home_form_bg_gradient_big.gif) no-repeat scroll left top;
}

div.iphode div.content {
	padding: 6px 22px 6px 22px;
}

.homeText {
	text-align: center;
	height: 80px;
}

.homeText a {
	text-decoration: none;
	color: #F60;
}

div.sloganHome {
	width: 200px;
	height: 36px;
	padding: 26px 0 0 75px;
}

div.sloganHomeIphone {
	width: 200px;
	height: 36px;
	padding: 55px 0 0 75px;
}

/* Home: Get Nimbuzz button
----------------------------------------------------------*/

.getNimbuzz a {
	background: url(../images/shared/btn_get_nimbuzz_center.gif) top left repeat-x;
	line-height: 41px;
	display: block;
	height: 41px;
	font-weight: bold;
	text-decoration: none;
}

.getNimbuzz a span {
	cursor: pointer;
	display: block;
	height: 41px;
	float: left;
	color: #FFF;
	font-size: 17.4px;
	text-decoration: none;
}

.getNimbuzz a .center {
	padding: 11px 10px 0 0;
	height: 30px;	
}

.getNimbuzz a span.left {
	background: url(../images/shared/btn_get_nimbuzz_left.gif) top left no-repeat;
	width: 16px;
	margin-left: -10px;
	position: relative;
}

.getNimbuzz a:hover {
	background-position: left -41px;
	text-decoration: none;
}	

.getNimbuzz a span.right {
	background: url(../images/shared/btn_get_nimbuzz_right.gif) top left no-repeat;
	width: 59px;
	margin-right: -10px;
	position: relative;
}

.getNimbuzz a:hover span {
	background-position: left -41px;
}

div.productInfoVisual {
	margin-top: -23px;
	position: relative;
	z-index: 10;
	width: 327px;
}

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

div.homeContent span {
	display: block;
	padding-bottom: 14px;
}

div.homeContent {
	text-align: center;
	padding: 60px 0 0 0;
	/*padding: 100px 0 0 0;*/
}

div.homeContent a {
	font-weight: bold;
}

div.homeContent a:hover {
	color: #F60;
}

div.selectLanguage {
	width: 573px; /* 593px */
	float: left;
	text-align: right;
	padding: 29px 20px 0 0;
}

/* Header
----------------------------------------------------------*/

a.login {
	display: block;
	width: 106px; /* 14px */
	height: 23px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/shared/btn_header_login.gif) top left no-repeat;
	float: right;
	text-align: left;
	cursor: pointer;
	padding: 0 0 0 14px;
	color: #666;
	margin: 9px 0 0 0;
}

a.login:hover {
	background-position: left -23px;
	color: #414141;
}



/* Column small
----------------------------------------------------------*/

div.columnSmallContainer {
	width: 472px;
	float: left;
}

div.columnSmall {
	width: 426px;
}

div.columnSmall div.top {
	height: 42px;
	background: url(../images/shared/column_small_top.gif) bottom left no-repeat;
}

div.columnSmall div.noTabs {
	height: 10px;
}

div.columnSmall div.center {
	background: url(../images/shared/column_small_tile.gif) top left repeat-y;
	padding: 0 4px;
}

div.columnSmall div.bottom {
	height: 10px;
	background: url(../images/shared/column_small_bottom.gif) top left no-repeat;
}

div.columnSmall div.columnContent {
	background: url(../images/shared/column_gradient.gif) top left no-repeat;
	padding: 8px 19px 10px 19px;
}

div.infoBlock {
	width: 250px;
	float: left;
	padding: 30px 0 0 0;
}

div.noTopPadding {
	padding-top: 0;
}

/* Column big
----------------------------------------------------------*/

div.columnBig {
	width: 719px;
}

div.columnBig div.top {
	height: 42px;
	background: url(../images/shared/column_big_top.gif) bottom left no-repeat;
}
div.columnBigPost div.top {
	height: 42px;
	background: url(../images/shared/column_big_top_post.gif) bottom left no-repeat;
}

div.columnBig div.noTabs {
	height: 10px;
}

div.columnBig div.center {
	background: url(../images/shared/column_big_tile.gif) top left repeat-y;
	padding: 0 4px;	
}
div.columnBigPost div.center {
	background: url(../images/shared/column_big_tile_post.gif) top left repeat-y;
	padding: 0 4px;	
}

div.columnBig div.content {
	background: url(../images/shared/column_big_gradient.gif) top left no-repeat;
	padding: 10px 18px;
}
div.columnBigPost div.content {
	background: url(../images/shared/column_big_gradient_post.gif) top left no-repeat;
	padding: 10px 18px;
}

div.columnBig div.bottom {
	height: 10px;
	background: url(../images/shared/column_big_bottom.gif) top left no-repeat;
}
div.columnBigPost div.bottom {
	height: 10px;
	background: url(../images/shared/column_big_bottom_post.gif) top left no-repeat;
}

div.columnLeft,
div.columnRight {
	float: left;
	width: 315px; /* 335px */
}
div.columnLeftPost,
div.columnRightPost {
	float: left;
	width: 440px; /* 335px */
}

div.columnLeftPost,
div.columnLeft {
	padding: 0 20px 0 0;
}
div.columnLeftPost {
	float: left;
	width: 200px;
}

div.columnRight {
	padding: 34px 0 0 20px;
}
div.columnRightPost {
	padding: 34px 0 0 10px;
}

div.help {
	width: 305px;
	padding: 4px 0 0 30px;
}

/* Column big Uni
----------------------------------------------------------*/

div.columnBigUni {
	width: 719px;
}

div.columnBigUni div.top {
	height: 42px;
	background: url(../images/shared/column_done_top.gif) bottom left no-repeat;
}

div.columnBigUni div.bottom {
	height: 10px;
	background: url(../images/shared/column_big_bottom2.gif) top left no-repeat;
}

div.columnBigUni div.center {
	background: url(../images/shared/column_big_tile.gif) top left repeat-y;
	padding: 0 4px;	
}

div.columnBigUni div.content {
	background: #f6f6f6 url(../images/shared/column_gradient.gif) top left no-repeat;
	padding: 10px 18px;
}

div.columnBigUni div.columnLeft,
div.columnBigUni div.columnRight {
	float: left;
	width: 300px; /* 335px */
}

div.columnBigUni div.columnLeft {
	padding: 0;
	width: 327px;
}

div.columnBigUni div.columnRight {
	padding: 0;
	width: 280px;
}

/* Column done
----------------------------------------------------------*/

div.columnDone {
	width: 719px;
	padding-top: 4px;
}

div.columnDone div.top {
	height: 10px;
	background: url(../images/shared/column_done_top.gif) top left no-repeat;
}

div.columnDone div.center {
	padding: 0 4px;
	background: url(../images/shared/column_big_tile.gif) top left repeat-y;
}

div.columnDone div.content {
	background: #f6f6f6 url(../images/shared/column_gradient.gif) top left no-repeat;
	padding: 10px 18px;
}


div.columnDone div.bottom {
	height: 10px;
	background: url(../images/shared/column_done_bottom.gif) top left no-repeat;
}

div.doneLeft {
	float: left;
	width: 400px;
}

div.doneRight {
	float: left;
	width: 253px;
	text-align: right;
}



/* Tabs
----------------------------------------------------------*/
div.tabs {
	padding: 0 0 0 1px;
}

div.tabs ul li {
	display: inline;
	background: none;
	padding: 0;
}

div.tabs ul li div {
	float: left;
}

div.tabs ul li .left {
	height: 36px;
	background: url(../images/shared/tab_left.gif) top left no-repeat;
	width: 9px;
}

div.tabs ul li .center {
	height: 23px; /* 37px */
	padding: 13px 6px 0 6px;
	background: url(../images/shared/tab_center.gif) top left repeat-x;
}

div.tabs ul li .center {
	color: #414141;
}

div.tabs ul li .right {
	height: 36px;
	background: url(../images/shared/tab_right.gif) top left no-repeat;
	width: 9px;
}

div.tabs ul li.act .left {
	background: url(../images/shared/tab_active_left.gif) top left no-repeat;
}

div.tabs ul li.act .right {
	background: url(../images/shared/tab_active_right.gif) top left no-repeat;
}

div.tabs ul li.act .center {
	background: url(../images/shared/tab_active_center.gif) top left repeat-x;
}

div.tabs ul li.act .center strong {
	color: #F60;
}

div.tabs ul li.visited .left {
	background: url(../images/shared/tab_visited_left.gif) top left no-repeat;
}

div.tabs ul li.visited .right {
	background: url(../images/shared/tab_visited_right.gif) top left no-repeat;
}

div.tabs ul li.visited .center {
	background: url(../images/shared/tab_visited_center.gif) top left repeat-x;
}

div.tabs ul li div.first .left {
	background: url(../images/shared/tab_first_active_left.gif) top left no-repeat;
	height: 42px;
}


div.tabs ul li.visited div.first .left {
	background: url(../images/shared/tab_first_visited_left.gif) top left no-repeat;
}

/* Info layer
----------------------------------------------------------*/
div.formInfoButton {
	width: 22px;
	height: 22px;
	background: url(../images/shared/btn_form_info.gif) top left no-repeat;
	float: left;
	margin: 0 0 0 7px;
	position: relative;
}

div.infoLayer {
	position: absolute;
	background: #ddd;
	width: 169px;
	top: 0;
	left: 21px;
}

div.formInfoButton div.top {
	background: url(../images/shared/info_layer_top.gif) top left no-repeat;
	height: 2px;
}

div.formInfoButton div.bottom {
	background: url(../images/shared/info_layer_bottom.gif) top left no-repeat;
	height: 2px;
}

div.formInfoButton div.center {
	background: url(../images/shared/info_layer_tile.gif) top left repeat-y;
	padding: 0;
}

div.formInfoButton div.content {
	background: url(../images/shared/info_layer_center.gif) top left no-repeat;
	padding: 13px 15px;
}

/* Corner visual
----------------------------------------------------------*/



div.higher {
	top: -11px;
}

/* Get Nimbuzz content
----------------------------------------------------------*/

div.stepNr,
div.stepContent {
	float: left;
}

div.stepContent {
	padding-top: 2px;
}

div.step {
	padding: 0 0 15px 0;
	margin-top: -7px;
}

div.stepNr {
	width: 30px;
}

div.stepContent {
	width: 350px;
}

div.smaller {
	width: 200px;
}

div.steps a.buttonLink {
	margin: 10px 0;
}

div.spacer15px a.buttonLink {
	margin-top: 10px;
}

div.spacer20px a.buttonLink {
	margin-top: 10px;
}





/* Instant messaging Network
----------------------------------------------------------*/

div.messNetworkApp {
	border: 1px solid #dfdfdf;
	border-bottom: none;
	background: #FFF url(../images/shared/choose_mess_middle_bar.gif) repeat-y;
	background-position: 164px top;
	margin: 0 0 20px 0;
}

div.chooseApp,
div.connectApp {
	float: left;
}

div.chooseApp {
	
}

div.chooseApp div.messItem {
	width: 166px;
	height: 29px;
}

div.chooseApp a {
	display: block;
	width: 165px; /* 166px */
	height: 29px;
	text-decoration: none;
	background: url(../images/shared/btn_choose_mess.gif) top left no-repeat;
	padding: 0 0 0 0;
}

div.chooseApp a:hover {
	text-decoration: none;
	background-position: left -29px;
}

div.chooseApp div.act a {
	background-position: left -58px;
	width: 166px;
}

div.chooseApp div.act a:hover {
	background-position: left -58px;
}

div.connectApp {
	width: 212px;
	margin-left: -1px;
	border-top: 1px solid #f5f5f5;
}

div.messBottomBorder {
	background: url(../images/shared/choose_mess_bottom.gif) bottom left repeat-x;
}

div.messItem div {
	cursor: pointer;
}

div.messImg {
	width: 30px; /* 44px */
	text-align: right;
	float: left;
	padding: 6px 14px 0 0;
}

div.messTitle {
	float: left;
	width: 94px;
	line-height: 27px;
}

div.check {
	background: url(../images/shared/vink.gif) center left no-repeat;
	width: 20px;
	height: 27px;
	float: left;
	display: none;
}

div.checked div.check {
	display: block;
}

div.connected {
	text-align: center;
	padding: 40px 30px 0 30px;
}

/* Get Nimbuzz via PC
----------------------------------------------------------*/

div.mobileVisual {
	float: left;
}

div.mobileVisualImg {
	border: 1px solid #dfdfdf;
	width: 111px;
	height: 86px;
	background: #FFF;
	text-align:center;
}

div.visualList {
	text-align: center;
}

div.visualList a {
	display: block;
	text-align: center;
	width: 111px;
	padding: 3px 0 0 0;
}

div.visualList a:hover {
	color: #cbcbcb;
}

div.mobileImg {
	text-align: center;
	padding: 5px 0 0 0;
}

div.downloadLinks {
	padding: 10px 0 0 0;
}

div.downloadLinks img {
	margin-top: -5px;
}

div.downloadLinks a {
	color: #F60;
	line-height: 23px;
}

div.downloadLinks a:hover {
	color: #666;
}

/* Get Nimbuzz Widgets
----------------------------------------------------------*/

div.downloadWidgetVisual {
	width: 50%;
	float: left;
	text-align: center;
	padding: 7px 0 20px 0;
}

div.downloadWidgetVisual a {
	
}

/* Customize Nimbuzz Widgets
----------------------------------------------------------*/

div.widgetOptions {
	padding: 3px 0 13px 0;
}

div.last {
	margin-bottom: -6px;
}

div.optionsColumn {
	width: 150px;
	float: left;
}

div.selectColor {
	margin: 0 -15px 0 -2px;
	position: relative;
	z-index: 10;
	padding: 6px 0 17px 0;
}

div.widgetPreview {
	text-align: center;
	padding: 6px 0 0 0;
}

div.noCenter {
	text-align: left;
}

/* Customize Nimbuzz Widgets COLORS
----------------------------------------------------------*/

div.color {
	float: left;
	padding: 0 8px 0 0;
}

div.color a {
	display: block;
	width: 47px;
	height: 47px;
	background-position: left top;
	background-repeat: no-repeat;
}

div.color a:hover {
	background-position: left -306px;
}

div.act a,
div.act a:hover {
	background-position: left -153px;
}

div.color a.orange {
	background-image: url(../images/shared/color_orange.gif);
}

div.color a.green {
	background-image: url(../images/shared/color_green.gif);
}

div.color a.blue {
	background-image: url(../images/shared/color_blue.gif);
}

div.color a.pink {
	background-image: url(../images/shared/color_pink.gif);
}

div.color a.red {
	background-image: url(../images/shared/color_red.gif);
}

div.color a.black {
	background-image: url(../images/shared/color_black.gif);
}

/* Customize Nimbuzz Widgets: Select destination
----------------------------------------------------------*/

div.selectDestinationPost,
div.selectDestination {
	width: 355px;
	margin-left: -18px;
	margin-right: -50px;
	position: relative;
	z-index: 10;
}
div.selectDestinationPost {
	width: 200px;
}

a.destination {
	display: block;
	height: 28px;
	line-height: 23px;
	background: url(../images/shared/destination_bg.gif) top left repeat-x;
	text-decoration: none;
	padding: 5px 0 0 40px;
}

a:hover.destination {
	text-decoration: none;
	background-position: left -33px;
	color: #F60;
}

a.destination img {
	border: 1px solid #dfdfdf;
	padding: 1px;
	background: #FFF;
	float: left;
	margin: 0 10px 0 0;
}

div.selectDestinationPost a.act {
	color: #F60;
	font-weight: bold;
}

div.myNimbuzz a,
div.webMail a {
	background: none;
}

div.myNimbuzz {
	padding: 0 0 12px 0;
	background: url(../images/shared/destination_bg_mynimbuzz.gif) top left repeat-x;
}

div.webMail {
	padding: 12px 0 0 0;
	background: url(../images/shared/destination_bg_web_mail.gif) top left repeat-x;
}
#widget_download_info {
	width:370px;
	text-align:right;
	font-size:smaller;
	margin-top:0;
}
/* Need help?
----------------------------------------------------------*/

div.question {
	height: 41px;
	margin-right: -42px;
	position: relative;
	z-index: 10;
}

div.question a {
	/*line-height: 41px;*/
	float: left;
	display: block;
	width: 318px;
	background-position: left 5px;
}

div.question a:hover {
	background-position: left 5px;
}

div.question img {
	float: left;
	width: 20px;
	height: 41px;
	display: none;
}

div.needHelp div.act img {
	display: block;
}

div.needHelp div.act a,
div.needHelp div.act a:hover {
	color: #F60;
	background-position: left -73px;
}

table.yesNo {
	margin: 10px 0 0 0;
}

table.yesNo tr td table tr td {
	padding: 0 14px;
}

div.visualAnswer {
	padding-bottom: 17px;
}

div.visualContent {
	float: left;
	width: 180px;
}

div.helpVisuals {
	padding: 0 0 11px 0;
}

/* Visual list
----------------------------------------------------------*/

div.visualListContainer div.paging {
	margin-left: -19px;
	margin-right: 0;
	width: 511px;
	float: left;
}

div.visualListContainer select {
	width: 249px;
	margin: 9px 0 18px 0;
}

div.visualListContainer div.paging div.pagesContainer {
	width: 215px;
}

div.visualListContainer div.previous {
	background-position:3px 11px;
	padding-left:17px;
	width:50px;
}

div.visualListContainer div.firstPage{
	background-position: 10px 11px;
	padding-left: 26px;
	width: 50px;
}

div.visualListContainer div.next {
	background-position:58px 11px;
	padding-right:17px;
	width:50px;
}

div.visualListContainer div.lastPage {
	background-position:58px 11px;
	padding-right:26px;
	width:50px;
}

div.results {
	height: 23px;
	padding-top: 4px;
	padding-right: 21px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background: url(../images/shared/paging_bg.gif) top left repeat-x;
	float: left;
	width: 179px;
	margin-right: -18px;
	position: relative;
	z-index: 10;
}

div.results span {
	background: url(../images/shared/results_separator.gif) left top no-repeat;
	float: left;
	text-align: right;
	display: block;
	width: 118px;
	height: 22px;
	margin-top: -4px;
	padding-top: 5px;
}

div.results select {
	float: right;
	width: 56px;
	margin: 0;
}

div.phoneVisuals {
	margin: 0 -18px 0 0;
	position: relative;
	z-index: 10;
	padding: 9px 0 0 2px;
}

div.phone {
	float: left;
	text-align: center;
	padding: 0 20px 18px 0;
}

div.phone a {
	display: block;
	width: 118px;
	cursor: pointer;
}

div.phone div {
	background: #FFF;
	width: 128px; /* 118px */
	height: 148px; /* 190px */
	padding-top: 20px;
	border: 1px solid #dfdfdf;
}

div.phone span {
	display: block;
	padding: 3px 0 0 0;
}

div.phone a:hover div {
	border-color: #ffb27f;
}

div.phone a:hover span {
	color: #F60;
}

/* Get Nimbuzz Mobile via mobile browser
----------------------------------------------------------*/

div.optionAB {
	float: left;
	width: 20px;
}

div.optionContent {
	float: left;
	width: 280px;
}

div.columnRight div.optionContent {
	width: 260px;
}

div.separatorVertical {
	background: url(../images/shared/separator_line_vertical.gif) top center repeat-y;
	margin: -2px 0 15px 0;
}

div.OR {
	float: left;
	width: 50px;
	padding: 47px 0 0 0;
}

/* Content & News
----------------------------------------------------------*/

div.dateContainer {
	margin-bottom: -8px;
}

div.contBlock2 div.paging {
	margin: 0;
	border: 1px solid #dfdfdf;
	width: 482px;
	margin-top: 14px;
}

div.contBlock2 div.pagesContainer {
	width: 282px;
}

div.contBlock2 div.previous {
	background-position: 20px 11px;
	width: 65px;
	padding-left: 35px;
}

div.contBlock2 div.next {
	background-position: 73px 11px;
	width: 65px;
	padding-right: 35px;
}

div.moreNews {
	margin-top: -4px;
}

div#newsNavContainer {
	padding: 0 0 5px 0;
}

div.newsNavLeft {
	float: left;
	padding: 37px 0 0 0;
	color: #414141;
}

div.newsNav {
	float: right;
}

div.newsNav ul li {
	display: block;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 30;
}

div.newsNav li a {
	display: block;
	height: 62px;
	float: left;
}

div.newsNav li a span {
	font-weight: bold;
}

div.newsNav li a span {
	float: left;
	cursor: pointer;
}

div.newsNav span.left,
div.newsNav span.right {
	display: block;
	width: 7px;
	height: 62px;
	float: left;
	text-decoration: none;
	background: url(../images/shared/newsnav_bg.gif) left -100px no-repeat;
}

div.newsNav a:hover span.left {
	background: url(../images/shared/newsnav_bg.gif) top left no-repeat;
}

div.newsNav a:hover span.right {
	background: url(../images/shared/newsnav_bg.gif) top right no-repeat;
}

div.newsNav span.center {
	height: 55px; /* 62px */
	padding: 7px 0 0 0;
	text-decoration: underline;
	background: url(../images/shared/newsnav_bg_tile.gif) left -100px repeat-x;
}

div.newsNav a:hover span.center {
	background: url(../images/shared/newsnav_bg_tile.gif) top left repeat-x;
}

span.newsNavButton1 {
	background: url(../images/shared/newsnav_icon_technorati.gif) top center no-repeat;
	padding: 30px 0 0 0;
}

span.newsNavButton2 {
	background: url(../images/shared/newsnav_icon_blogsearch.gif) top center no-repeat;
	padding: 30px 0 0 0;
}

span.newsNavButton3 {
	background: url(../images/shared/newsnav_icon_share.gif) top center no-repeat;
	padding: 30px 0 0 0;
}

span.newsNavButton4 {
	background: url(../images/shared/newsnav_icon_blog.gif) top center no-repeat;
	padding: 30px 0 0 0;
}

span.dropdownArrow {
	padding-right: 12px;
	background: url(../images/shared/arrow_dropdown.gif) right 8px no-repeat;
}

div.newsNav li ul {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 20;
	width: 144px;
}

div.newsNav li li {	
	display: list-item;
	float: none;
	background: url(../images/shared/newsnav_dropdown_bg_tile.gif) top left repeat-y;
	clear: both;
}

div.newsNav li li a {
	float: none;
	height: 1%;
	line-height: 24px;
	text-decoration: none;
	width: 144px;
	display: block;
}

div.newsNav li li a:hover,
div.newsNav li li a:hover span {
	color: #F60;
}

div.newsNav li li.top {
	background: url(../images/shared/newsnav_dropdown_bg.gif) top left no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

div.newsNav li li.bottom {
	background: url(../images/shared/newsnav_dropdown_bg.gif) bottom left no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

div.newsNav li li span {
	font-weight: normal;
	line-height: 24px;
}

div.newsNav li li span.icon {
	padding: 0 15px 0 13px;
}

div.newsNav a.dropdownLink {
	position: relative;
	z-index: 30;
}

div.newsNav a.dropdownLink span.left,
div.newsNav a:hover.dropdownLink span.left {
	background: url(../images/shared/newsnav_bg_on.gif) top left no-repeat;
}

div.newsNav a.dropdownLink span.right,
div.newsNav a:hover.dropdownLink span.right {
	background: url(../images/shared/newsnav_bg_on.gif) top right no-repeat;
}

div.newsNav a.dropdownLink span.center,
div.newsNav a:hover.dropdownLink span.center {
	background: url(../images/shared/newsnav_bg_on_tile.gif) top left repeat-x;
}


/* Login
----------------------------------------------------------*/

div.loginContainer {
	padding: 0 0 17px 0;
}

div.loginColumn1 {
	width: 342px;
	float: left;
	margin: 9px 34px 0 0;
	_margin: 9px 20px 0 0;
}

div.loginColumn1 div.top {
	height: 10px;
	background: url(../images/shared/login_column_bg1.gif) top left no-repeat;
}

div.loginColumn1 div.bottom {
	height: 10px;
	background: url(../images/shared/login_column_bg1.gif) bottom left no-repeat;
}

div.loginColumn1 div.center {
	background: url(../images/shared/login_column_bg_tile.gif) left top repeat-y;
	/*height:285px*/
}

div.loginColumn1 div.content {
	background: url(../images/shared/login_column_gradient1.gif) bottom left no-repeat;
	padding: 7px 24px 1px 24px;
	/*height: 258px*/
}

div.loginColumn2 {
	width: 342px;
	float: left;
	margin: 9px 0 0 0;
}

div.loginColumn2 div.top {
	height: 10px;
	background: url(../images/shared/login_column_bg2.gif) top left no-repeat;
}

div.loginColumn2 div.bottom {
	height: 10px;
	background: url(../images/shared/login_column_bg2.gif) bottom left no-repeat;
}

div.loginColumn2 div.center {
	background: url(../images/shared/login_column_bg_tile.gif) left top repeat-y;
	/*height:340px;*/
	height:auto;
}

div.loginColumn2 div.content {
	background: url(../images/shared/login_column_gradient2.gif) bottom left no-repeat;
	padding: 7px 36px 7px 36px;
	height: auto;
}

div.loginColumn2 h2,
div.loginColumn2 div.dateSmall {
	float: left;
}

div.loginColumn2 div.dateSmall {
	width: 120px;
}

div.loginColumn2 div.fr,
div.formHomeWebchat div.fr {
	margin-top: -5px;
}

div.timeOut {
	margin: 8px 0 8px 3px;
	height:60px;
}

div.timeOut div.top {
	height: 10px;
	background: url(../images/shared/time_out_bg.gif) top left no-repeat;
}

div.timeOut div.bottom {
	height: 10px;
	background: url(../images/shared/time_out_bg.gif) bottom left no-repeat;
}

div.timeOut div.center {
	background: url(../images/shared/time_out_bg_tile.gif) top left repeat-y;
	padding: 1px 21px;
}

div.timeOut div.content {
	background: url(../images/shared/time_out_icon.gif) left 3px no-repeat;
	color: #F00;
	padding: 0 0 0 44px;
}

div.timeOut div.content strong {
	color: #F00;
}

h3.toggler {
	color:#666;
}

li.toggler {
	color:#666;
}

div.sitemap{
	float:left;
	width:400px;
	padding-left:40px;
}