/*                                                                    
/*  ActiveXperts Software B.V.                                        
/*  Copyright(C) All rights reserved. 
/*                                                                    
/*  Web:     http://www.activexperts.com                              
/*  E-mail:  info@activexperts.com                                    
/*  Tel.:    +31-(0)74 255 2140                                       
/*                                                                    
/* ========================================================================= */

/*
This is not XHTML
html {
  overflow:-moz-scrollbars-vertical; 
  overflow-y:scroll;
}
*/

body {
  margin:0;
  padding:0; 
  text-align:center; /* center IE5.5 > */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:83%; /* This means 83% of the default browser font. All the other font values will be based on this one */
  background:url("../img/body_bg.jpg") 0 -1em repeat-x #ddd;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === RESETS ============================================================= */ 

.nocss { display:none; }

a img { color:#000;border:0; } /* set image border to zero */

a:active,
a:focus { outline:0; } /* remove firefox link border */

textarea { overflow:auto; } /* remove textarea scrollbar in ie */

* html table { font-size: 100%; } /* for IE 5.5 */

#page a[name] { padding:0; } /* firefox 3 / safari 3 */

#printbranding { display:none; }


/* -------------------- clearfix -------------------- */ 

.clear { min-height:0; }

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  line-height:0%;
}

* html .clear { height:1%; }


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === WRAPPER ============================================================= */

#wrapper {
  margin:1em auto;
  padding:0; 
  width:72em;

  text-align:left;
  border-top:1px solid #666;
  border-right:1px solid #666;
  border-bottom:1px solid #333;
  border-left:1px solid #666;
  
  background:#fff;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === HEADER ============================================================== */

#header {
  height:8em;
  background:url("../img/header.jpg") 100% 100% no-repeat;
}

#branding {
  float:left;
  display:block;
  margin:.5em 0 0 .5em;
  padding:0;
  text-transform:uppercase;
}

#branding a {
  display:block;
  margin:0;
  padding:1em 0 0 0;
  width:310px;
  height:60px;
  font-weight:normal;
  text-decoration:none;
  background:url("../img/activexperts_logo.gif") 0 0 no-repeat;
}

#slogan {
  display:block;
  float:left;
  margin:2.25em 0 0 1em;
  padding:0;
  color:#666;
  font-size:1.2em;
  font-weight:normal;
  font-style:italic;
}

/* === HEADER MENU ========================================================= */

#header_menu {
  margin:0;
  padding:0; 
  font-size:.85em;
  border:1px solid #eee;
  background:#555;
}

#header_menu ul {
  display:inline;
  float:right; 
  margin:0;
  padding:0; 
}

#header_menu li {
  display:inline;
  float:left; 
  margin:0;
  padding:0 .25em; 
  background:url("../img/headernav_sep.jpg") 100% 50% no-repeat;
}

#header_menu li.last { 
  background:none; 
}

#header_menu a {
  display:block;
  padding:.25em;
  color:#fff;
  text-decoration:none;
}

#header_menu a:hover {
  text-decoration:underline;
}

/* === BANNERDESC ========================================================== */

#bannerdesc {
  font-size:1.1em;
  font-weight:bold; 
  margin:0 0 .3em .2em;
  color:#777;
  display:block; 
}

/* === NAVIGATION ========================================================== */

#navigation {
  position:relative;
  margin:0;
  height:50px;
  color:#fff;
  font-size:.85em;
  font-family:Arial, Verdana, Helvetica, Sans;
  background:transparent url("/__resources/img/nav_bg.jpg") 100% 0 repeat-x;
}

ul#mainnav {
  display:inline;
  float:left;
  margin:0 0 0 .8em;
  padding:.2em 0 0 .2em;
  list-style-type:none;
}

#mainnav li {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  background:url("../img/nav_sep.jpg") 100% 60% no-repeat;
}

#mainnav li.last { 
  background:none;
}

#mainnav li a {
  display:block;
  padding:.25em .5em;
  margin:0;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;  
  font-weight:bold;
}

#mainnav a:hover {
  text-decoration:underline;
  background:url("../img/nav_sep.jpg") 100% 60% no-repeat #222;
}

#mainnav li.last a:hover { 
  background:none #222;
}

#mainnav li ul {
  margin:.6em 0 0 0;
  padding:.5em;
  position:absolute;
  visibility:hidden;
  font-size:.95em;
  border:1px solid #999;
  background:#fff;
}

#mainnav li:hover ul { 
  display:block;
}

#mainnav li ul li {
  float:none;
  display:inline;
}

#mainnav li ul li a {
  width:auto;
  font-weight:normal;
  color:#000;
  background:#fff;
}

#mainnav li ul li a:hover,
#mainnav li.last ul li a:hover {
  text-decoration:none;
  background:#ddd;
}

/* === LANGUAGE ============================================================ */

ul#language {
  float:right;
  display:inline;
  padding:.5em 1.4em 0 0;
  margin:0;
  list-style-type:none;
}

#language li {
  float:left;
  display:inline;
  padding:0;
  margin:0 0 0 .25em;
}

#language a {
  display:block;
  padding:0;
  margin:0;
  width:16px;
  height:11px;
  color:#fff;
  border:1px solid #333;
}

#language a:hover { border:1px solid #fff; }

#language #gb a { background:url("../img/icons/flags/gb.png") no-repeat; }
#language #es a { background:url("../img/icons/flags/es.png") no-repeat; }
#language #pt a { background:url("../img/icons/flags/pt.png") no-repeat; }
#language #de a { background:url("../img/icons/flags/de.png") no-repeat; }
#language #it a { background:url("../img/icons/flags/it.png") no-repeat; }
#language #dk a { background:url("../img/icons/flags/dk.png") no-repeat; }
#language #se a { background:url("../img/icons/flags/se.png") no-repeat; }
#language #nl a { background:url("../img/icons/flags/nl.png") no-repeat; }
#language #mb a { 
  width:9px;
  height:14px;
  border:1px solid #333;
  margin:-.2em 0 0 1em;
  background:url("../img/icons/flags/mobile.png") no-repeat; 
}

#language #mb a:hover { 
  border:1px solid #fff;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === CONTENTS ============================================================ */

#contents {
  margin:0 0 7em 0;
  padding:0 1em 2em 1em;
  min-height:30em;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

#contents h1,
#contents h2 {
  font-weight:normal;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === SIDEBAR ============================================================= */

#sidebar {
  float:left;
  display:inline;
  padding:0;
  margin:-1em 0 0 -.6em;
  width:15.5em;/*14*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* === ===================================================================== */

#page ul.ulgreen li {
  list-style-type:none;
  background:#fff url("../img/bullet-green.jpg") 0 .4em no-repeat;
}


/* === SUBNAV ============================================================== */

.subnav {
  padding:.5em;
  margin:1em 0 1em 0;
  border:1px solid #bdbdbd;
  background:#fff url("../img/subnav_bg.jpg") 0 0 repeat-x;
}

#contents .subnav span.sidebarh2 {
  display:block;
  margin:.5em 0;
  padding:0;
  color:#333;
  font-size:.9em;
  font-weight:bold;
}

.subnav ul {
  display:inline;
  float:left;
  margin:0;
  padding:0;
}

.subnav li {
  display:inline;
  float:left;
  margin:.1em 0;
  padding:0;
}

.subnav li li {
  display:inline;
  float:left;
  margin:.1em 0 .1em .8em;
  padding:0 0 0 .6em;
  background:url("../img/bullet2.jpg") 0 .5em no-repeat;
}

.subnav .sideproducts li {
  display:inline;
  float:left;
  margin:.1em 0;
  padding:0 0 0 .6em;
  background:url("../img/bullet.jpg") 0 .4em no-repeat;
}

.subnav ul.sideproducts li ul li {
  background:url("../img/bullet2.jpg") 0 .5em no-repeat;
}

.subnav a {
  display:block;
  margin:0;
  padding:0;
  width:16.5em;/*16.5em;/*15.5*/
  font-size:.85em;
  color:#000;
  text-decoration:none;
}

.subnav li li a.checks {
  color:#a00;
}

.subnav .onpath a {
  color:#a00;
}

.subnav li li a {
  width:15.7em;
}

.subnav a:hover {
  color:#222;
  text-decoration:none;
  background:#ddd;
}

.subnav p {
  padding:0 0 0 .5em;
  margin:0;
  width:15em;
  color:#000;
  text-decoration:none;
}

.subnav .latest_news_date {
  display:block;
  color:#666;
  font-size:.9em;
}

.subnav .latest_news_desc {
  display:block;
  margin:0 0 .5em 0;
}

.subnav .readmore {
  border-top:1px dashed #ccc;
  
}

/* === CRUMBTRAIL ========================================================== */

#crumbtrail {
  padding:0;
  margin:.5em 0 1em 0;
  min-height:0;
  font-size:.85em;
}

#contents #crumbtrail a {
  color:#999;
  text-decoration:none;
  line-height:1.4em;
}

#contents #crumbtrail a:hover {
  color:#a00;
  text-decoration:underline;
}

#contents #crumbtrail b { 
  color:#777;
}


/* === MAINBUTTONS ========================================================= */

#mainbuttons ul {
  overflow:hidden;
  margin:0;
  padding:0;
}

#mainbuttons li.bt_network {
  display:inline;
  float:left; 
  margin:0 1.25em 0 0;
  padding:0;
}

#mainbuttons li.bt_sms {
  display:inline;
  float:left;
  margin:0;
  padding:0;
}

#mainbuttons li.bt_downloads {
  display:inline;
  float:right;
  margin:0 0 0 1.25em;
  padding:0;
}

#mainbuttons li.bt_tools {
  display:inline;
  float:right;
  margin:0;
  padding:0;
}

#mainbuttons li a {
  display:block;
  width:166px;
  height:131px;
}

/* These buttons will not be visible with: RDP on 256 colors with IE7, to fix it, use single images, as jpg, but then bullet will be visible*/
#mainbuttons a { background:url("/__resources/img/mainbuttons.png") 0 0 no-repeat; }
#mainbuttons a#network { background-position:0 0; }
#mainbuttons a#messaging { background-position:-186px 0; }
#mainbuttons a#toolkits { background-position:-372px 0; }
#mainbuttons a#downloads { background-position:-558px 0; }
#mainbuttons a:hover#network { background-position:0 -151px; }
#mainbuttons a:hover#messaging { background-position:-186px -151px; }
#mainbuttons a:hover#toolkits { background-position:-372px -151px; }
#mainbuttons a:hover#downloads { background-position:-558px -151px; }


/* === DOWNLOADS =========================================================== */

.pagetitle {
  padding:0; 
  margin:0;
}

#page .downloads ul,
#page .downloads li {
  margin:0 0 0 .1em;
  padding:0;
  list-style-type:none;
  background:none;
}

#page .downloads a {
  padding:.25em 0 .25em 2em;
  color:#a00;
  line-height:20px;
  background:#999;
}

#page .downloads li {
  font-weight:bold;  
  background:none;
}

#page .downloads li.alert {
  padding:0 0 0 2em;
  color:#333;
  font-weight:bold;
  background:url("../img/icons/icon_alt.png") 0 0 no-repeat;
}

#page .downloads li.alert a {
  color:#333;
  padding:0;
}

#page .downloads li span a {
  padding:0 0 0 .5em;
  background:none;
}

#page .downloads a:hover {
  color:#a00;
}

#page .downloads .btdownload { background:url("../img/icons/download_small.gif") 0 0 no-repeat;font-weight:bold; }
#page .downloads .btmanualhtm { background:url("../img/icons/icon_htm.png") 0 0 no-repeat;font-weight:bold; }
#page .downloads .btmanualpdf  { background:url("../img/icons/icon_pdf.png") 0 0 no-repeat;font-weight:bold; }
#page .downloads .alert  { background:url("../img/icons/icon_alt.png") 0 0 no-repeat;font-weight:bold; }

.fileinfo {
  font-weight:normal;
  font-style:italic;
  color:#666;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === PAGE ================================================================ */

#page {
  overflow:auto;
  display:inline;
  float:right;
  margin:0 -.8em 0 0;
  padding:.5em 1em 2em 1em;
  width:63em;
  font-size:.85em;
  border:1px solid #bdbdbd;
}

#page hr {
  border:0 none;
  border-top:1px dashed #bbb;/*the border*/
  height:1px;/*whatever the total width of the border-top and border-bottom equal*/
}

#page b {
   color:#333;
 }

 #page b.error {
   color:#a00;
 }

#pagetitle {
  padding:0;
  margin:1em 0 0 0;
  color:#a00;
  font-size:1.4em;
  font-weight:bold;
}

#page h1 {
  padding:0;
  margin:.8em 0 1.2em 0;
  color:#222;
  font-size:1.5em;
  font-weight:bold;
}

#page h1.landingtitle {
  color:#444;
  /*background:url("/__resources/img/banners/100.png") no-repeat;
  text-shadow: 1px 1px 1px #999;*/
}

#page h2.title a {
  display:block;
  width:350px;
  height:20px;
}

#page h2.title.product007 a { background:url("/__resources/img/products/007s.jpg"); }
#page h2.title.product008 a { background:url("/__resources/img/products/008s.jpg"); }
#page h2.title.product004 a { background:url("/__resources/img/products/004s.jpg"); }
#page h2.title.product001 a { background:url("/__resources/img/products/001s.jpg"); }
#page h2.title.product003 a { background:url("/__resources/img/products/003s.jpg"); }
#page h2.title.product002 a { background:url("/__resources/img/products/002s.jpg"); }
#page h2.title.product006 a { background:url("/__resources/img/products/006s.jpg"); }
#page h2.title.product009 a { background:url("/__resources/img/products/009s.jpg"); }
#page h2.title.product140 a { background:url("/__resources/img/products/140s.jpg"); }

#page h2.title {
  margin:1em 0 .2em 0;
}

#page h2 {
  margin:1.8em 0 1.2em 0;
  color:#111;
  font-size:1.1em;
  font-weight:bold;
}

#page h3 {
  margin:2em 0 1em 0;
  color:#333;
  font-size:1.0em;
  font-weight:bold;
}

#page h4 {
  margin:1.5em 0 1em 0;
  color:#000;
  font-size:1em;
  font-weight:normal;
  text-decoration: underline
}

#page h5 {
  margin:1.5em 0 1em 0;

  font-size:1em;
  font-weight:normal;
}

#page .separator {
  display:block;
  margin:1em 0 0 0;
  height:15px;
  background:url("../img/separator.jpg") 0 0 repeat-x;
}

#page a {
  text-decoration:none;
  color:#a00; /*#015381*/
}

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

#page p {
  margin:1em 0 .5em 0;
  line-height:1.3em;
  color:#000/*#202020; */
}

#page_content .row .product p.homepagelinks {
  margin:0;
}

#page .more {
  font-size:.9em;
  color:#a00;
  font-weight:normal;
}

#page .form {
  clear:both;
}

#page ul,
#page ol {
  margin:0 0 2em .5em;
  padding:0; 
  list-style-type:none;
}

#page ul li,
#page ol li {
  margin:0;
  padding:0 0 0 1.5em;
  list-style-type:none;
  line-height:1.3em;  
  background:#fff url("../img/bullet-gray.jpg") 0 .4em no-repeat;
}

#page ul.overview li a {
  margin:0;
  padding:.15em 0;
  font-weight:normal;
  text-decoration:none;
}

#page ul.overview li a:hover {
  color:#a00;
  text-decoration:underline;
}

#page ul.main_buttons {
 margin:0;
}

/* === SITEMAP ============================================================= */

#page ul.sitemap {
  margin:0;
  padding:0;  
}

#page ul.sitemap ul {
  margin:0;
  padding:0 0 0 1em;
}

#page ul.sitemap li a {
  font-weight:bold;
  /*color:#333;*/
}

#page ul.sitemap li a b {
  color:#a00;
}

#page ul.sitemap ul li {
  margin:0;
}

#page ul.sitemap ul li a{
  font-weight:normal;
}

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

#page table {
  margin:.15em 0 1em 0;
  width:100%;
  font-size:1em;
  border:1px solid #999;
  line-height:1.3em;
}

#page table thead th {
  padding:.15em 0 0 .5em;
  border-bottom:1px solid #ccc;
  color:#444;
  text-align:left;
  background:#ddd;
}

#page table tbody th {
  padding:.25em;
  text-align:left;
  border-bottom:1px dashed #ccc;
  color:#444;
  background:#fff;
}

#page table tbody td {
  padding:.25em;
  text-align:left;
  border-bottom:1px dashed #ccc;
  background:#fff;
}

#page table.table_hover tbody td:hover {
  background:#ddd;
}

#page table tfoot {
  background:#eee;
}

#page table tfoot th {
  padding:.25em;
  text-align:left;
  border-bottom:1px dashed #ccc;
  color:#444;
  background:#eee;
}

#page table.w70 {
  width:70%;
}

#page table .price {
  text-align:right;
}


/* === TABLE SCREENSHOTS =================================================== */

#page table.screenshots tbody tr td {
  padding:.25em 1em .25em .25em;
  text-align:center;
}


/* === TABLE FREEWARE ====================================================== */

#page table.freeware {
  border:1px solid transparent;
}

#page table.freeware thead th {
  padding:0.6em 0 .3em 0;
  font-size:1.1em;
  font-weight:bold;
  border:1px solid transparent;
  border-bottom:1px dashed #999;  
  background:transparent;
}

#page table.freeware thead th a {
  color:#333;
}

#page table.freeware tbody tr td p {
  margin:0;
  padding:0 .5em 0 0;
}

#page table.freeware tbody tr td.image {
  padding:1em;
  width:70px;
  text-align:center;
}

#page table.freeware tbody tr td.btdownload {
  margin:0;
  padding:0;
  text-align:left;
  font-weight:bold;
  vertical-align:middle;
}

#page table.freeware tbody tr td div.addthis_default_style  {
  display:inline;
  float:right;
  width:16em !important;
  vertical-align:middle;
  height:30px;
}


/* === TABLE SMS MESSAGING ================================================= */

#page table.smsmessaging {
  padding:0;
  margin:0;
  width:100%;
  font-size:1em;
  border:1px solid #999;
}

#page table.smsmessaging tbody td {
  text-align:left;
  border-bottom:0px;
  background:#fff;
  vertical-align:top;
}

#page table.smsmessaging h2 {
  margin:1.2em 0 1em 0;
  text-align:left;
  border-bottom:0px;
  background:#fff;
}


/* === TABLE CASESTUDIES =================================================== */

#page table.casestudies {
  margin:.15em 0 1em 0;
  width:100%;
  font-size:1em;
  border:1px solid #999;
  line-height:1.3em; /**/
}

#page table.casestudies h3{
  margin:0;
  padding:0;
  font-size:1em;
  color:#333;
}

#page table.casestudies thead th {
  padding:.15em 0 0 .5em;
  border-bottom:1px solid #ccc;
  color:#333;
  background:#ddd;
}

#page table.casestudies tbody th {
  padding:.25em;
  text-align:left;
  border-bottom:1px dashed #ccc;
  color:#333;
  background:#fff;
}

#page table.casestudies  tbody td {
  padding:1em .25em;
  text-align:left;
  border-bottom:1px dashed #ccc;
  background:#fff;
}

#page table.casestudies img {
  border:1px solid transparent;
}

/* === M A I N T E N A N C E =============================================== */

#page table.tblMaintenance {
  font-size:.83em;
  
}

#page table.tblMaintenance tbody td{
  border:none;
}


/* === TABLE LICENSE ======================================================= */

table.license tbody td {
  padding:.25em;
  border-bottom:1px dashed #ccc;
  background:#fff;
  text-align:center;
}


/* === CONTACT ============================================================= */

#page #contact ul {
  display:inline;
  float:left;
  margin:0;
  padding:0;
}

#page #contact li {
  display:inline;
  float:left;
  margin:0 1em 2em 0;
  padding:1em;
  width:28em;
  height:13em;
  border:1px dashed #ccc;
  background:#eee;
}

#page #contact li li {
  margin:0;
  padding:1em 0;
  height:1em;
  
  border:none;
  background:none;
}


#page #contact h4 {
  margin:0;
  padding:0;
  width:40%;
  float:left;
  text-decoration:none;
  line-height:2em;
}

#page #contact p {
  float:right;
  text-align:left;
  margin:0;
  padding:0 0;
  width:60%;
  line-height:2em;
}

#page #contact span {
 /* display:inline;
  float:left; */
  height:3em;
  line-height:3em;
  margin:0;
  padding:0;
}

#page #contact h3 {
  margin:0 0 1em 0;
  padding:0;
  color:#000;
  font-size:1em;
  font-weight:bold;
}

/* === PAGE DL ============================================================= */

#page dt {
  clear:both;
  float:left;
  display:inline;
  padding:1em .5em 0 2em;
  color:#333;
  background:url("../img/pathway.gif") 0 50% no-repeat;
}

#page dd {
  float:left;
  display:inline;
  padding:0 1em;
  margin:0;
  color:#666;
}


/* ------------------- home page_content ---------------------------- */

#page_content .row {
  padding:0;
  margin:0 0 1em 0;
}

#page_content .row .product {
  float:left; display:inline;
  padding:0; margin:0;
  width:49%;
}

#page_content .row .nomargin { 
  float:right; display:inline;
}

#page_content .row .product p {
  padding:0;
  margin:1em 0 0 0;
}

/* === CODE ================================================================ */

pre
{
  padding:.5em;
  margin:1em 0 2em 0;
  width:61em;
  color:#333;
  font-family:"Courier New", Courier, monospace;
  border:1px dashed #999;
  background:#feffca;
  overflow:auto;
}

.code {
  padding:.5em;
  margin:1em 0 2em 0;
  width:61em;
  color:#333;
  font-family:"Courier New", Courier, monospace;
  border:1px dashed #999;
  background:#feffca;
  overflow:auto;
}

.code .codetitle {
  font-weight:bold;
}

.code .comment {
  color:#015720;
}


/* === CHECKS ============================================================== */

.checks ul, 
.checks li {
  float:left; display:inline;
  padding:0; margin:0;
}

.checks a {
  display:block;
  width:20em;
}

/* === FORM CONTACTFORM ==================================================== */

form.contactform { 
  margin:1em 0;
}
form.contactform fieldset {
  display:block;
  margin:0 0 1.5em 0;
  border:1px dashed #ccc;
  background:#fff;
}

form.contactform legend {
  padding:.25em .5em;
  font-size:1.4em;
  border:1px solid #ccc;
  background:url("../img/blank.png") #fff; /* hide seetrough in IE */
}

form.contactform label {
  clear:left;
  float:left;
  display:inline;
  padding:0 1em 0 0;
  width:9em;
  text-align:right;
  font-weight:normal;
}

form.contactform label.build {
  clear:left;
  float:left;
  display:inline;
  padding:0 1em 0 0;
  width:14em;
  text-align:right;
  font-weight:normal;
}

form.contactform label.right {
  float:left;
  width:7em;
}

form.contactform p,
form.contactform div.formfield { 
  margin:1.5em 0;
}

form.contactform p.message { 
  margin:5.5em 5em;
  padding:3.25em 22.5em;;
}

form.contactform .required label,
form.contactform .required h4 {
  background:url("../img/bullet3.png") 97% 0 no-repeat;
}

form.contactform .asterisk {
  padding:0 0 0 1em;
  background:url("../img/bullet3.png") 0 0 no-repeat;
}

form.contactform ul,
form.contactform li {
  padding:0;
  margin:0;
  list-style-type:none;
}

form.contactform li input,
form.contactform li label {
  float:none;
  line-height:1.4em;
}

form.contactform .inputgroup {
  padding:0;
  margin:0 0 0 15em;
}

form.contactform .inputgroup label {
  width:100%;
  background:none;
}

form.contactform input,
form.contactform select,
form.contactform textarea {
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
}

form.contactform input.small {
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
  width:10em;/**/
}

form.contactform input.fulllicense {
  width:10em;/**/
}

form.contactform input.error,
form.contactform select.error,
form.contactform textarea.error { 
  border:2px solid #a00;
}

/* make the fields reasonably the same size */
form.contactform input.text,
form.contactform input.file,
form.contactform input.password,
form.contactform textarea {
  width:40em;
  padding:0.2em;
  height:20em;
}

form.contactform div.contactinformation {
  width:51em;
}

form.contactform input.radiobutton {
width:1em;
}

form.contactform div.left {
 float:left;
}
form.contactform div.right {
 float:right;
}

form.contactform input.button {
  padding:0 .2em;
  margin:0;
  width:40em;
}

form.contactform input {
  width:14.5em;
}

form.contactform input.topic {
  width:40em;
}

/* same for selectbox but without padding */
form.contactform select {
  width:20.4em;
  padding:0;
}

form.contactform input.mailbody {
  overflow:auto; 
  height:20em;
  width:40em;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.contactform textarea { overflow:auto; }
/*
form.contactform small {
  display:block;
  margin:.5em 0 0 25.5em; /* margin + fontsize compensation */
  /*width:31em;
  color:#666;
}
*/
form.contactform .error { 
  color:#a00;
}

/* === FORM STANDARDFORM =================================================== */

#page .standardform p { 
  margin:.2em 0 1em 0;
}

form.standardform { 
  margin:1em 0;
}

form.standardform fieldset {
  display:block;
  margin:0 0 1.5em 0;
  border:1px dashed #ccc;
  background:#fff;
}

form.standardform legend {
  padding:.25em .5em;
  font-size:1.4em;
  border:1px solid #ccc;
  /*background:url("../img/blank.png") #fff;  hide seetrough in IE */
}

form.standardform label {
  clear:left;
  float:left;
  display:inline;
  padding:0 1em 0 0;
  width:15em;
  text-align:right;
  font-weight:normal;
}

form.standardform h4 {
  padding:0 1em 0 0;
  margin:.5em 0 0 0;
  width:18em;
  text-align:right;
  font-size:1em;
  font-weight:normal;
}

form.standardform p,
form.standardform div.formfield {
  margin:.5em 0;
}

form.standardform p.message {
  padding:.25em .5em;
}

form.standardform .required label,
form.standardform .required h4 {
  background:url("../img/bullet3.png") 97% 0 no-repeat;
}

form.standardform .asterisk {
  padding:0 0 0 1em;
  background:url("../img/bullet3.png") 0 0 no-repeat;
}

#page form.standardform ul {
  margin:0 0 0 15em;
  padding:0;
  list-style-type:none;
  background:none;
}

#page form.standardform li {
  margin:0 0 0 1em;
  padding:0;
  list-style-type:none;
  background:none;
}

form.standardform li input,
form.standardform li label {
  float:none;
  line-height:1.4em;
}

form.standardform .inputgroup {
  padding:0;
  margin:0 0 0 15em;
}

form.standardform .inputgroup label {
  width:100%;
  background:none;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
  width:40em;
}

form.standardform .small { 
  font-size:.85em;
}

form.standardform input.error,
form.standardform select.error,
form.standardform textarea.error { 
  border:2px solid #a00;
}

/* make the fields reasonably the same size */
form.standardform input.text,
form.standardform input.file,
form.standardform input.password,
form.standardform textarea {
  width:40em;
  padding:0.2em;
}

/* same for selectbox but without padding */
form.standardform select {
  width:40.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.standardform textarea {
  overflow:auto;
}

form.standardform small {
  display:block;
  margin:0 0 0 18.5em; /* margin + fontsize compensation */
  width:31em;
  color:#666;
}

form.standardform .error {
  color:#a00;
}

form .inputgroup small { 
  margin:0; /* reset margin for small */
}

form .button {
  padding:0 .2em;
  margin:0 0 0 16em;
}


/* === FORM WIZARDFORM ===================================================== */

#page .wizardform p { 
  margin:.2em 0 1em 0;
}

form.wizardform { 
  margin:1em 0; 
}

form.wizardform fieldset {
  display:block;
  margin:0 0 1.5em 0;
  border:1px dashed #ccc;
  background:#fff;
}

form.wizardform legend {
  padding:.25em .5em;
  font-size:1.4em;
  border:1px solid #ccc;
  background:url("../img/blank.png") #fff; /* hide seetrough in IE */
}

form.wizardform label {
  clear:left;
  float:left;
  display:inline;
  padding:0 1em 0 0;
  width:7em;
  text-align:right;
  font-weight:normal;
}

form.wizardform h4 {
  padding:0 1em 0 0;
  margin:.5em 0 0 0;
  width:18em;
  text-align:right;
  font-size:1em;
  font-weight:normal;
}

form.wizardform p,
form.wizardform div.formfield { margin:.5em 0; }

form.wizardform p.message { padding:.25em .5em; }

form.wizardform .required label,
form.wizardform .required h4 { background:url("../img/bullet3.png") 97% 0 no-repeat; }

form.wizardform .asterisk {
  padding:0 0 0 1em;
  background:url("../img/bullet3.png") 0 0 no-repeat;
}

form.wizardform ul,
form.wizardform li {
  padding:0;
  margin:0;
  list-style-type:none;
}

form.wizardform li input,
form.wizardform li label {
  float:none;
  line-height:1.4em;
}

form.wizardform .inputgroup {
  padding:0;
  margin:0 0 0 15em;
}

form.wizardform .inputgroup label {
  width:100%;
  background:none;
}

form.wizardform input,
form.wizardform select,
form.wizardform textarea {
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
  width:47.9em;
}

form.wizardform .small { font-size:.85em; }

form.wizardform input.error,
form.wizardform select.error,
form.wizardform textarea.error { border:2px solid #a00; }

/* make the fields reasonably the same size */
form.wizardform input.text,
form.wizardform input.file,
form.wizardform input.password,
form.wizardform textarea {
  width:40em;
  padding:0.2em;
}

/* same for selectbox but without padding */
form.wizardform select {
  width:48.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.wizardform textarea { overflow:auto; }

form.wizardform small {
  display:block;
  margin:0 0 0 18.5em; /* margin + fontsize compensation */
  width:31em;
  color:#666;
}

form.wizardform .error { color:#a00; }

form .inputgroup small { margin:0; /* reset margin for small */ }

form .button {
  padding:0 .2em;
  margin:0 0 0 16em;
}


/* === OVERVIEW ============================================================ */

ul.overview ul {
  margin:1em 2.25em;
  padding:0;
}


/* === THUMBS === ========================================================== */

ul.thumbs {
  display:inline;
  float:left;
  margin:1em 0;
  padding:0;
}

.thumbs li {
  display:inline;
  float:left;
  margin:0 1em 2em 0;
  padding:0;
}

thumbs a {
  display:block;
  border:1px solid #fff;
}

thumbs a:hover { 
  border:1px solid #cff;
}


/* === COLORBOX ============================================================ */

#colorbox,
#modalBackgroundOverlay,
#modalWrap {
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
}

#modalBackgroundOverlay {
  position:fixed;
  width:100%;
  height:100%;
}

#colorbox {
  overflow:hidden;
  padding:1px;
  margin-top:-1px;
  margin-left:-1px;
}/*padding fixes a ghosting issue in IE7, the negative margin compensates */

#modalWrap {
  width:9000px;
  height:9000px;
}

#modalContent,
#borderTopLeft,
#borderTopCenter,
#borderTopRight,
#borderBottomLeft,
#borderBottomCenter,
#borderBottomRight,
#borderMiddleLeft,
#borderMiddleRight {
  float:left;
  height:0;
  width:0;
  overflow:hidden;
}

#borderMiddleLeft,
#borderBottomLeft { 
  clear:left;
}

#modalContent {
  position:relative;
  overflow:visible;
}

#contentTitle {
  margin:0;
}

#modalClose,
#contentPrevious,
#contentNext {
  outline:none;
  cursor:pointer;
  border:0;
  margin:0;
}

#modalLoadedContent {
  overflow:auto;
  width:0;
  height:0;
}

#modalLoadedContent iframe {
  display:block;
  width:100%;
  height:100%;
  border:0;
}

#modalLoadedContent embed {
  display:block;
  border:0;
}/* Display:block removes the line-height gap embedded content */

#modalLoadingOverlay {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/

#modalBackgroundOverlay { 
  background:#fff;
}

#modalContent { 
  margin-top:32px;
}

#modalLoadedContent {
  background:#000;
  padding:2px;
}

#contentTitle {
  position:absolute;
  top:-22px;
  left:0;
  color:#000;
  font-weight:bold;
}

#contentCurrent {
  display:none;
}

#contentPrevious {
  width:29px;
  height:32px;
  display:block;
  text-indent:-9999px;
  position:absolute;
  top:-32px;
  right:60px;
  background:url("../img/colorbox/buttons.png") 0 0 no-repeat;
}

#contentPrevious:hover { 
  background-position:left bottom;
}

#contentNext {
  width:29px;
  height:32px;
  display:block;
  text-indent:-9999px;
  position:absolute;
  top:-32px;
  right:28px;
  background:url("../img/colorbox/buttons.png") right top no-repeat;
}

#contentNext:hover {
  background-position:right bottom;
}

#modalLoadingOverlay {
  background:url("../img/colorbox/loading.gif") 50% 50% no-repeat #000;
}

#modalClose {
  position:absolute;
  top:-32px;
  right:0px;
  display:block;
  background:url("../img/colorbox/buttons.png") -29px 0 no-repeat;
  width:26px;
  height:32px;
  text-indent:-9999px;
}

#modalClose:hover {
  background-position:-29px -31px;
  cursor:pointer;
}


/* === COUNTRY NAVIGATION ================================================== */

#countrynavigation {
  float:left; 
  display:inline;
  width:62em;
  
  text-align:left;
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background:#fff;
}

#countrynavigation p {
  margin:0;
  padding:0;
  font-size:1em;
}

#countrynavigation span {
  /*margin:0;*/
  padding:0;
}

#countrynavigation h3 {
  padding:0em .5em; 
  margin:1em;

  color:#000;
  font-weight:bold;
  font-size:1em;
  /*line-height:1.4em;*/
  background:#eee;
  width:57em;
}

#countrynavigation ol {
  float:left; 
  display:inline;
  padding:0; 
  margin:0;
}

#countrynavigation li {
  float:left; 
  display:inline;
  padding:0; 
  margin:0;
}

#countrynavigation ol li {
  background:none;
  padding:0;
}

/*- Continent - */
#countrynavigation ol li a {
  display:block;
  padding:.1em .5em;
  width:61em;
 
  font-size:1em;
  font-weight:bold;	
  color:#000;
  text-decoration:none;
  border-bottom:1px solid #000;
  background:#ddd;
}

#countrynavigation ol li a:hover {
  background:#ccc;
}

/*- Country -*/
#countrynavigation ol li ol li a{
  padding:.1em .5em .1em 1.5em;
  width:60em;
  
  color:#000;
  border-bottom:1px solid #ccc;
  /*background:#999;*/
  font-weight:bold;
}

#countrynavigation ol li ol li a:hover {
  background:#eee;
}

#countrynavigation ol li ol li a.title {
  background:#eee;
}

/*- Reseller -*/
#countrynavigation ol li ol li ol li a {
  padding:0;
  /*width:19.5em;*/
 
  color:#a00;
  border-bottom:none;
  background:#fff;
  font-weight:bold;
}

#countrynavigation ol li ol li ol li a:hover {
  background:#fff;
}

#countrynavigation ol li ol li ol li ol {
  padding:.1em .25em .1em 2.5em;
  width:50em;
  
  color:#000;
  border-bottom:1px solid #ccc;
  background:#ddd;
  font-weight:bold;
}


div.resellers  {
  display:block;
  margin:0 0 1em 0;
  padding:0 1em;
  background:#fff;
  width:59em;
}


div.resellers:hover  {
  display:block;
  padding: 0 1em 0 1em;
}

div.resellersaddress {
  margin:0 1em 1em 1em;
  float:left;
  display:inline;
  width:46%;
}

div.resellersdetails {
  margin:0 1em 1em 1em;
  float:right;
  display:inline;
  width:46%;
}

.flags  {
  padding:.2em .5em 0 .1em;
}


/* === RESELLERS =========================================================== */

.resellers ul {
  display:inline;
  float:left; 
  margin:0;
  padding:0;
}

.resellers li {
  display:inline;
  float:left;
  margin:0 1em 1em 0;
  padding:1em;
  width:27em;
}

.resellers p {
  text-align:right;
  padding:0;
  margin:.5em 0 .25em 0;
  width:100%;
}

.resellers span.title {
  float:left;
  margin:0;
  padding:0;
  width:7em;
}

.resellers span.data {
  float:left;
  display:inline;
  text-align:left;
  margin:0 0 0 .5em;
  padding:0;
  width:19em;
}

#page ol li div.resellers span a {
  width:19em;
}

.resellers  h3{
  padding:0 .5em;
  margin:0 1em;
  border:1px solid #000;

  color:#000;
  font-size:1em;
  font-weight:bold;
  width:59em;
}


/* === SMS MESSAGING SERVER IMAGES ========================================= */

#page table.mmserverimages {
  margin:.5em auto;
  border:1px solid #fff;
  width:83%;
}

#page table.mmserverimages td {
  text-align:center;
  border:none;
}

#page table.mmserverimages td.title {
  text-align:center;
  font-weight:bold;
  color:#222;
  background:#fff;
  border-top:1px solid #999;
}

#page table.mmserverimages td.image {
  width:19em;
}

#page table.mmserverimages td.bigimage {
  width:590px;
}

#page table.mmserverimages td.description {
  font-size:.78em;
  font-weight:normal;
  color:#000;
  text-align:center;
}

#page table.mmserverimages td.symbol {
  font-weight:bold;
  font-size:1.3em;
  text-align:center;
}


/* === SMS MESSAGING IMAGES ================================================ */

.images {
  margin:0 0 0 2.5em;
}

.images p {
  margin:.5em 0 2em 0;
  padding:0;
  text-align:left;
}

.sms_buttons {
  overflow:hidden;
  margin:0 0 .5em 0;
  width:47em;
}

#page .sms_buttons ul,
#page .sms_buttons li {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  background:none;
}

.sms_buttons a {
  display:block;height:72px;
}

.sms_buttons.simple a,
.sms_buttons.simple p { 
  background:url("../img/sms_buttons_simple.png") 0 0 no-repeat;
}

.sms_buttons.complex a,
.sms_buttons.complex p {
  background:url("../img/sms_buttons_complex.png") 0 0 no-repeat;
}

.sms_buttons .software a {
  width:120px;
  background-position:0 0;
}

.sms_buttons .software a:hover {
  background-position:0 -72px;
}

#page .sms_buttons .plus p {
  margin:0;
  padding:0;
  width:50px;
  height:72px;
  background-position:-120px 0;
}

.sms_buttons .software a:hover {
  background-position:0 -72px;
}

.sms_buttons .modem a {
  width:80px;
  background-position:-170px 0;
}

.sms_buttons .modem a:hover {
  background-position:-170px -72px;
}

.sms_buttons .simcard a {
  width:80px;
  background-position:-300px 0;
}

.sms_buttons .simcard a:hover {
  background-position:-300px -72px;
}

.sms_buttons .internet a {
  width:210px;
  background-position:-170px 0;
}

.sms_buttons .internet a:hover {
  background-position:-170px -72px;
}

#page .sms_buttons .is p {
  margin:0;
  padding:0;
  width:50px;
  height:72px;
  background-position:-380px 0;
}

.sms_buttons .sms a {
  width:80px;
  background-position:-430px 0;
}

.sms_buttons .sms a:hover {
  background-position:-430px -72px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === FOOTER ============================================================== */

#footer {
  position:relative;
  padding:.5em 0;
  width:100%;
  color:#fff;
  border-top:1px solid #000;
  background:url("../img/footer_bg.jpg") 0 0 repeat-x #333;
}

#footer_x {
  position:absolute;
  width:90px;
  height:48px;
  right:10px;
  top:-22px;
  background:url("../img/footer_x.jpg") 0 0 no-repeat #a00;
}

#footer .x { 
  color:#a00;
}


/* === FOOTERNAV =========================================================== */

#footernav ul {
  display:inline;
  float:left;
  margin:0 1.5em;
  padding:1em 0;
  font-size:.85em;
}

#footernav li {
  display:inline;
  float:left; 
  margin:0;
  padding:0 .5em;
  background:url("../img/footer_nav_sep.jpg") 100% 50% no-repeat; 
}

#footernav li.first,
#footernav li.last {
  background:none; 
}

#footernav a {
  margin:0;
  padding:0; 
  text-decoration:none;
  color:#fff;
}

#footernav a:hover {
  text-decoration:underline;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === MIB formatting ====================================================== */

.hl-brackets { color: Navy; }
.hl-comment { color: Gray; }
.hl-default { color: Teal; }
.hl-identifier { color: Blue; }
.hl-main {}
.hl-number { color: Navy; }
.hl-quotes { color: Green; }
.hl-reserved { color: Olive; }
.hl-string { color: Green; }

#page table.mibobjects thead th {
  background:#999;
}

#page table.mibobjects tbody th {
  background:#ddd;
}

/* === SOCIAL ============================================================== */

div.social {
  vertical-align:top;
}

div.social iframe.twitter-share-button {
  vertical-align:top;
  margin:0;
  padding:0;
}

/* div.social #___plusone_0 iframe#plusone {*/
div.social div {
  padding:0;
  
}

div.social div iframe {
  margin:0 !important;
  padding:0 !important;
  height:21px !important;
  display:inline;
}

div.social iframe.fb_ltr {
  margin:0 0 0 1em !important;
  padding:0;
  height:21px !important;
}

/* === GENERAL IMAGES SCREENSHOTS ========================================== */

div.image {
  margin:1em 0 1em 4em;
  padding:1em;
  text-align:left;
}

div.image img {
  width:200px;
}

div.image p {
  font-size:.8em;
  font-style:italic;
}

/* === GALLERY ============================================================= */

.gallery {
  margin:1em 0 0 0;
}

#page ul.gallery li {
  position:relative;
  float:left;
  display:inline;
  margin:1em;
  padding:1em;
  background:#fff;
  border:1px solid #999;
  width:16em;
  height:18em;
  text-align:center;
}

.galleryhdr {
  clear:both;
}

.gallery p {
  position:absolute;
  padding:.7em;
  vertical-align:bottom;
  width:16.5em;
  top:14em;
  left:0;
}

#page ul.gallery li img {
  max-height:90%;
  width:100%;
}

/* === ======= ============================================================= */
/*
#sidebar div.social ul li span{
  background:#c00;
  height:30px;
}

#sidebar div.social ul li iframe {
border:none !important; 
width:30px !important; 
vertical-align:bottom !important; 
height:14px !important;
}

#sidebar div.social ul li {
  display:inline;
  height:30px;
}*/