/**
* Nimbuzz Base Styles 
*
* Basic stylesheet
* 
**/

.error { color: #F00; font-weight: bold; text-decoration: blink;}

/* Global */

a img { border:none; }
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
hr {color:transparent;background-color:transparent;margin:0;padding:0;height:0px;border:0;visibility:hidden;}


/* Mobile Download */
#msgDeviceStatus {
	margin-top:0.8em;
}
#msgDeviceStatus img {
/*	float:right;*/
}
#msgDeviceStatus span {
	font-size:11px;
	color: #F36F21;
}


/* Typography & Basic Styling */


body{
	color: #333;
	font-size:smaller;
	font-family:"Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}
h1,
h2,
h3,
h4 {
	font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}
h1 {
	color:#369;
	font-size:2em;
	letter-spacing:-1px;
	margin:0 0 0.24em 0;
}
h2 {
	color:#f60;
	font-size:1.5em;
	letter-spacing:-1px;
	margin:0;
	padding:0;
}

.h2text {
	color:#cccccc;
	font-size:1em;
	letter-spacing:0px;
	margin:0;
	padding:0;
}

h2 a:link,
h2 a:visited {
	color:#f60;
}
h4 {
	color:#f60;
	font-size:16px;
	letter-spacing:-1px;
	margin:0;
	padding:8px 8px 0px 8px;
}
p {
	margin:0 0 0.8em 0;
}
a:link {
	color:#00c;
}
.big {
	font-size:140%;
}
.small {
	font-size:85%;
}
label {
	font-weight:bold;
}
label .small {
	font-weight:normal;
}
.note {
	font-size:150%;
	background-color:#ff9;
	text-align:center;
	padding:0.2em 0 0.3em 0;
	border:1px solid #fc6;
}

.bluenote {
	font-size:150%;
	background-color:#F5F0FF;
	text-align:center;
	padding:0.2em 0 0.3em 0;
	border:1px solid #C9AEFF;
}

.orangenote {
	color:#fff;
	font-size:150%;
	background-color:#f60;
	text-align:center;
	padding:0.2em 0 0.4em 0;
	border:3px solid #fff;
}
.orangenote a:link,
.orangenote a:visited
{
	color:#fff;
}

.e {
	background-color:#fcc;
	border:2px solid #f66;
}
.w {
	background-color:#ff9;
	border:2px solid #fc6;
}
.i {
	background-color:#ddf;
	border:2px solid #33f;
	padding:4px;
}


/* Tables */
table.layout td,
table.layout th {
	vertical-align:top;
	text-align:left;
}

table.data caption {
	font-weight:bold;
	font-size:1.5em;
	}
table.data td {
	background:#eee url(../img/td-gray.gif) top repeat-x;;
	vertical-align:top;
	padding:2px 4px;
	}
table.data caption,
table.data th {
	background:#eee url(../img/th-gray.gif) top repeat-x;
	}

table.table_list td,
table.table_list th {
	padding:4px 8px;
	vertical-align:middle;
}
table.table_list tr.table_item {
/*	background:#eee url(../img/td-gray.gif) top repeat-x; */
	background-color:#eee;
	}
table.table_list tr.table_item:hover,
table.table_list tr.table_item_on {
/*	background:#eee url(../img/td-gray.gif) top repeat-x; */
	background-color:#ddd;
	}

table.table_list tr.table_header th {
	background:#eee url(../img/th-gray.gif) top repeat-x;
	vertical-align:top;
	}
table.table_list tr.table_header td {
/*	background:#ff6903 url(../img/button-orange.gif) top repeat-x; */
	}
table.table_list tr.table_categorie td {
	background:#eee url(../img/th-gray.gif) top repeat-x;
	cursor: pointer;
	}


/* Layout */

html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
}
#page {
	width:768px;  //900px;  
	margin:0 auto;
	margin-top:20px;
	clear:both;
	padding-bottom:240px;
}


/* Header */

#header {
	background:#fff url(../img/header-back.gif) top repeat-x;
	min-height:72px;
}

#header-content {
	width:768px;
	margin:0 auto;
}
* html #header-content {
	height:72px;
}
table.headertable {
	width:768px;
	border-collapse: collapse;
}
table.headertable th {
	vertical-align:top;
	text-align:left;
	padding:0;
}
table.headertable td {
	text-align:right;
	vertical-align:middle;
	padding:0;
}

#logo {
/*	float:left;
	margin:0 0 16px 0;
*/	padding:0;
	position:relative;
	top:0;
	z-index:10;
}


/* Main nav */

ul#main-nav {
	font-family:Helvetica,Arial,sans-serif;
	float:right;
	white-space:nowrap;
}
ul#main-nav li {
	text-align:center;
	display:inline;
	list-style-type:none;
}
ul#main-nav li a {
	margin:0;
	padding:0.25em 0.25em 0.2em 0.25em;
}
* html ul#main-nav li a {
	display:inline-block;
}

ul#main-nav li a:link,
ul#main-nav li a:visited {
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
ul#main-nav li a.selected,
ul#main-nav li a:hover,
ul#main-nav li a:focus,
ul#main-nav li a:active {
	color:#f60 !important;
	background-color:#fff;
}

/* Bullet lists */
ul.x,
ul.v {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
ul.x li {
	background:url(../img/bullet-x.png) left top no-repeat;
	padding-left:24px;
	list-style:none;
}
ul.v li {
	background:url(../img/bullet-v.png) left top no-repeat;
	padding-left:24px;
	list-style:none;
}
ul.b {
	list-style-type:square;
	margin-left:0;
	padding-left:2em;
}
ul.b li {
}

/* Home Download */

#download {
	background:url(../img/grey-back-bottom.png) center bottom no-repeat;
	margin:8px 0;
	clear:both;
}
#download-content {
	background:url(../img/grey-back-top.png) center top no-repeat;
	padding:8px 16px 10px 16px;
	min-height:147px;
}
* html #download-content {
	height:147px;
}
#download-products {
	float:right;
}
.linked {
	cursor:pointer;
}
.button{
	background-image:url(../img/home-button-orange.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	margin-left:4px;
}
.button a,
.button h1 {
	color:#fff;
	text-decoration:none;
}
.button h1,
.button p {
	margin:0;
}
.button h1 {
	padding:8px 8px 0 8px;
	font-size:1.8em;
	line-height:1em;
}
.button p {
	padding:0 8px 8px 8px;
}

.button_grey{
	background-image:url(../img/home-button-grey-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#666;
	margin-left:4px;
}
.button_grey a {
	color:#666;
	text-decoration:none;
}

.button_grey h2 {
	color:#f60;
}
.button_grey h2,
.button_grey p {
	margin:0;
}
.button_grey h2 {
	padding:8px 8px 0 8px;
	font-size:19px;
	line-height:1em;
}
.button_grey p {
	padding:0 8px 8px 8px;
}
.button_bottom_grey{
	background-image:url(../img/home-button-grey-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:4px;
	height: 16px;
}

.button_grey_quote{
	background-image:url(../img/home-button-grey-quote-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#666;
	margin-left:4px;
	padding: 2em 8px 8px 8px;
}
.button_grey_quote a {
	color:#666;
	text-decoration:none;
}

.button_grey_quote h2 {
	color:#f60;
}
.button_grey_quote h2,
.button_grey_quote p {
	margin:0;
}
.button_grey_quote h2 {
	padding:8px 8px 0 8px;
	font-size:1.8em;
	line-height:1em;
}
.button_grey_quote p {
	padding:0 8px 8px 8px;
}

.button_grey_world{
	background-image:url(../img/home-button-grey-world-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#666;
	margin-left:4px;
}
.button_grey_world a {
	color:#666;
	text-decoration:none;
}

.button_grey_world h2 {
	color:#f60;
}
.button_grey_world h2,
.button_grey_world p {
	margin:0;
}
.button_grey_world h2 {
	padding:8px 8px 0 8px;
	font-size:1.8em;
	line-height:1em;
	font-size:19px;
}
.button_grey_world p {
	padding:0 8px 8px 8px;
}


.button_grey_medium{
	background-image:url(../img/home-button-grey-medium.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#666;
	margin-left:4px;
}
.button_grey_medium a {
	color:#666;
	text-decoration:none;
}

.button_grey_medium h2 {
	color:#f60;
}
.button_grey_medium h2,
.button_grey_medium p {
	margin:0;
}
.button_grey_medium h2 {
	padding:8px 8px 0 8px;
	font-size:19px;
	line-height:1em;
}
.button_grey_medium p {
	padding:0 8px 8px 8px;
}

.button_bottom_grey_medium{
	background-image:url(../img/home-button-grey-medium-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:4px;
	height: 16px;
}


.button_grey_large{
	background-image:url(../img/home-button-grey-large-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#666;
	margin-left:4px;
}
.button_grey_large a {
	color:#666;
	text-decoration:none;
}

.button_grey_large h2 {
	color:#f60;
}
.button_grey_large h2,
.button_grey_large p {
	margin:0;
}
.button_grey_large h2 {
	padding:8px 8px 0 8px;
	font-size:19px;
	line-height:1em;
}
.button_grey_large p {
	padding:0 8px 8px 8px;
}

.button_bottom_grey_large{
	background-image:url(../img/home-button-grey-large-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:4px;
	height: 16px;
}

.button_orange{
	background-image:url(../img/home-button-orange-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	margin-left:4px;
}
.button_orange a {
	color:#FFFFFF;
	text-decoration:none;
}

.button_orange h2 {
	color:#ffd9bf ;
}

.button_orange:hover h2 {
	color:#ffffff ;
}

.button_orange h2,
.button_orange p {
	margin:0;
}
.button_orange h2 {
	padding:8px 8px 0 8px;
	font-size:19px;
	line-height:1em;
}
.button_orange p {
	padding:0 8px 8px 8px;
}
.button_bottom_orange{
	background-image:url(../img/home-button-orange-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	margin-left:4px;
	height: 16px;
}

.button_blue{
	background-image:url(../img/home-button-blue-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	margin-left:4px;
}
.button_blue a {
	color:#FFFFFF;
	text-decoration:none;
}

.button_blue h2 {
	color:#ccd9e5 ;
}
.button_blue:hover h2 {
	color:#ffffff ;
}

.button_blue h2,
.button_blue p {
	margin:0;
}
.button_blue h2 {
	padding:8px 8px 0 8px;
	font-size:19px;
	line-height:1em;
}
.button_blue p {
	padding:0 8px 8px 8px;
}
.button_bottom_blue{
	background-image:url(../img/home-button-blue-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	margin-left:4px;
	height: 16px;
}


/* Grey */

.grey {
	background:url(../img/grey-back-bottom.png) center bottom no-repeat;
	margin:8px 0;
	clear:both;
}
.grey-short {
	background:url(../img/download-back-bottom.png) center bottom no-repeat;
	margin:0px 0;
	clear:both;
	padding: 0px;
}
.grey-content {
	background:url(../img/grey-back-top.png) center top no-repeat;
	padding:8px 16px 10px 16px;
	min-height:80px;
}
.grey-bg {
	background:url(../img/download-back-middle.png) center top repeat-y;
	padding:0px;
	height:100%;
}
.grey-short-content {
	background:url(../img/grey-back-short-top.gif) center top no-repeat;
	padding:8px 16px 10px 16px;
	min-height:80px;
}
.grey-short-extra { /* Extra class voor een DIV in het geval van extreem lange pagina's */
	background:url(../img/grey-back-middle.gif);
	background-position: center top;
	background-repeat:no-repeat;
	margin:8px 0;
	clear:both;
}
* html .grey-content {
	height:80px;
}


/* Features */

#features {
	clear:both;
	margin:8px 0;
}
h2 a.blue {
	color:#369 !important;
}
h2.blue {
	font-size:1.8em !important;
	letter-spacing:-1px;
}
#features p {
	margin:0 0 0.5em 0
}

/* 2col */
.col1-2,
.col2-2 {
	width:384px;
	float:left;
}
.col2-2 {
	border-left:2px dotted #ddd;
}


/* #download 2col */
/* MENNO: Dubbele classdefinitie opgesplitst in 2 losse om de breedte separaat te kunnen wijzigen. Was #download .col1-2, #download .col2-2*/
#download .col1-2 {
	width:390px;
	padding:8px;
	float:left;
}
#download .col2-2 {
	width:310px;
	padding:8px;
	float:left;
}
/* MENNO: Onderstaande is toch dubbel? (Zie een paar regels hoger)
.col2-2 {
	border-left:2px dotted #ddd;
}
*/

/* 3col */
.col1-3,
.col2-3,
.col3-3 {
	width:239px;
	padding:8px;
	float:left;
}
.col2-3 {
	width:238px;
	border-left:2px dotted #ddd;
	border-right:2px dotted #ddd;
}
* html .col1-3,
* html .col2-3,
* html .col3-3 {
}
* html .col2-3 {
	padding:8px 6px;
}

/* 3col in #download-content en #grey-content */
#download-content .col1-3,
#download-content .col2-3,
#download-content .col3-3,
.grey-content .col1-3,
.grey-content .col2-3,
.grey-content .col3-3 {
	width:229px;
}
#download-content .col2-3,
.grey-content .col2-3 {
	width:226px;
}

* html .col1-3,
* html .col2-3,
* html .col3-3 {
	width:229px !important;
}
* html .col2-3 {
	width:230px !important;
	padding:8px 6px;
}

/* Blue */
#blue {
	background:url(../img/blue-back-bottom.png) center bottom no-repeat;
	margin:8px 0;
	clear:both;
	overflow:hidden;
}
#blue-content {
	background:url(../img/blue-back-top.png) center top no-repeat;
	padding:8px 16px 10px 16px;
	min-height:40px;
}
* html #blue-content {
	height:40px;
}

/* Orange */
#orange {
	background:url(../img/orange-back-bottom.png) center bottom no-repeat;
	margin:8px 0;
	clear:both;
	overflow:hidden;
}
#orange-content {
	background:url(../img/orange-back-top.png) center top no-repeat;
	padding:8px 16px 10px 16px;
	min-height:40px;
}
* html #orange-content {
	height:40px;
}
#orange p {
	color:#fff;
	font-size:1.8em;
	margin:8px 0;
	padding:0;
	text-align:center;
}
#orange a {
	color:#fff;
}

/* Footer */
#footer {
	background:url(../img/footer-back.png) top repeat-x;
	padding-top:8px;
	margin-top:8px;
}
#footer-content {
	width:768px;
	margin:0 auto;
}
#footer-content p a:link,
#footer-content p a:visited {
/*	color:#f60;*/
	color:#999;
	font-weight:bold;
	text-decoration:none;
}
#footer-content p a:hover {
	text-decoration:underline;
}

/* Footer Nav */
ul#footer-nav {
	display:block;
	width:768px;
	margin:0 auto;
	padding:8px 0 0 0;
}
ul#footer-nav li {
	font-size:0.9em;
	display:block;
	float:left;
	width:124px;
	margin:0;
	padding:0 0 0 4px;
	color:#f60;
}
ul#footer-nav li.languages {
	width:150px;
	float:right;
}
ul#footer-nav li a {
/*	color:#f60; */
	color:#999;
	text-decoration:none;
}
ul#footer-nav li a:hover {
	text-decoration:underline;
}
ul#footer-nav li li a {
/*	color:#369; */
	color:#999;
	text-decoration:none;
}
ul#footer-nav li {
	font-weight:bold;
}
ul#footer-nav li ul {
	margin-top:4px !important;
}
ul#footer-nav li li {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.2em;
}
ul#footer-nav li ul {
	margin:0;
	padding:0;
}
ul#footer-nav li li {
	float:none;
	display:block;
/*	margin:0 0 2px 0; */
	padding:0;
}
ul#footer-nav li:hover a {
}
ul#footer-nav li:hover li a {
}
ul#footer-nav li:hover li a:hover {
	text-decoration:underline;
}

ul#footer-nav li.hover a {
	text-decoration:underline;
}
ul#footer-nav li.hover li a {
}
ul#footer-nav li.hover li a:hover {
}


/* Sidebar */
#sidebar {
	width:239px;
	float:right;
}

/* Section navigation */
ul#section-navigation {
/*	display:block;*/
	margin:0 auto;
	padding:8px 0 8px 0;
	border:1px solid #999;
}
ul#section-navigation li ul {
	padding-left:0;
}
ul#section-navigation li {
	display:block;
	margin:0;
	padding:0 0 0 4px;
	color:#f60;
}
ul#section-navigation li li {
	padding:4px;
}
ul#section-navigation a:link,
ul#section-navigation a:visited {
	font-weight:bold;
}

/* ML Nov 2014 */

#footerSticky {
   position:fixed;
   left:0px;
   bottom:0px;
   height:216px;
   width:100%;
   background:#E1F0FF;
		z-index:999999;
		text-align:center;
		padding-top:6px;
}

/* Screen-specific styles */

@media screen,projection {
}


/* Handheld-specific styles */

@media handheld {
}


/* Print-specific styles */

@media print {
}