/* Basic colors:
#098bcc - bledomodra  - light blue  = [Graphical] Installer for [Inno] Setup
#f67433 - oranzova    - orange      = Graphical [Installer] for [NSIS]
#ffd700 - zlata       - gold        = [Visual &] Installer
#8b4513 - hneda       - brown       = Visual & [Installer]
#7cbf40 - zelena      - green       = [Autorun] Installer + COOL INSTALLERS FOR SOFTWARE SOFTWARE
#8340bf - fialova     - purple      = Autorun [Installer]
#6f6f6f - siva - gray
Whitesmoke color: #F5F5F5 (textArea background)
*/

html 
{ 
	background: url(../images/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body
{
  padding:0px; 
  margin:0px; 
  margin-top:30px;
  margin-bottom:30px;
  //background:url(../images/background.png) repeat;
  color:#8b4513; 
  font:13px/14px Segoe UI, Tahoma, sans-serif;
  line-height: 1.5;
  
}    
div, p, ul, h1, h2, h3, h4, img{ padding:0px; margin:0px; }

ul 
{
  list-style-type:none;
}

a { color:#8b4513; font-weight:bold; }

a:link {color:#8b4513;}      /* unvisited link */
a:visited {color:#5f5146;}  /* visited link */
a:hover {color:#ffd700;}  /* mouse over link */
a:active {color:#ffd700;}  /* selected link */ 

a.external 
{ 
 background:url('../images/external.png') no-repeat center right;
 padding-right: 14px;
}      /* unvisited link */
a.external:link 
{ 
 background:url('../images/external.png') no-repeat center right;
 padding-right: 14px;
}      /* unvisited link */
a.external:visited 
{ 
 background:url('../images/external.png') no-repeat center right;
 padding-right: 14px;
}  /* visited link */
a.external:hover  
{ 
 background:url('../images/external.png') no-repeat center right;
 padding-right: 14px;
}  /* mouse over link */
a.external:active  
{ 
 background:url('../images/external.png') no-repeat center right;
 padding-right: 14px;
}  /* selected link */ 

#mainbody
{
  width:1000px; 
  margin:0 auto; 
  border: 1px solid #8b4513;
} 

#mainPanel {width:805px; margin:0 auto; padding:0px; } 

#leftSide
{
  background:url(../images/borderleftbg.png) repeat-y;
  float:left;
  height:800px;
}

#rightSide
{
  background:url(../images/borderrightbg.png) repeat-y;
  float:right;
  height:800px;
}

#middle
{
  background-color:#FFFF00;  
  height:800px;
}

#textArea 
{ 
  width:980px; 
  margin-left:0px; 
  margin-top:0px;
  position:inherit;
  background-color:#f5f5f5;
  padding-left:20px;
  left:0px;  
}

#textArea h2
{ 
  color:#8b4513;
  font-size:16px;
  padding-top:20px;
  padding-left:0px;
  padding-bottom:20px;
  text-align:center;
}

#textArea ul
{
  padding-left:20px;
  margin-left:20px;
}

#vi-logo
{
  width:150px;
  height:61px;
  float:left;
  margin-right:10px;
}

#all-ides
{
  float:right;
  margin-right:100px;
  margin-top:30px;
}

#all-ides2
{
  float:right;
  margin-right:100px;
  margin-top:30px;
}

#installer
{
  float:right;
  margin-right:130px;
  margin-top:20px;
}

.vi-icon
{
  float: left;
  border:0px;
  margin-left:10px;
  margin-right:10px;
}

.h1-header
{
  background:#f5f5f5;
  display:block;
  padding-left:30px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:10px;
}

.index-features
{
  list-style-type: disc;
}

/*  TOP HEADER  */

#multi-header { width:1000px; height:220px; background:url(../images/multi-header.jpg); }

#topheader-stripe 
{ 
  width:380px; 
  height:60px; 
  background:url(../images/topheader-stripe.png); 
  position: relative; 
  left:500px;
  top:44px;
}

#topheader{height:80px; width:1000px; margin:0 0 0 5px; position:relative; padding:0px; top:-56px; } 

#topheader img{height:47px; width:194px; position:absolute; top:30px; left:23px;}

#topheader ul {width:693px; height:33px; position:absolute; top:47px; left:280px; }
#topheader ul li{float:left}

#topheader ul li.home{width:62px; height:17px; margin-right:8px; }
#topheader ul li.home a{width:62px; height:17px; display:block; background:url(../images/btn_home.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.home a:hover{width:62px; height:17px; background:url(../images/btn_home_over.png) 0 0 no-repeat;}

#topheader ul li.about{width:94px; height:17px; margin-right:14px}
#topheader ul li.about a{width:94px; height:17px; display:block; background:url(../images/btn_about.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.about a:hover{width:94px; height:17px; background:url(../images/btn_about_over.png) 0 0 no-repeat;}

#topheader ul li.services{width:106px; height:17px; margin-right:10px}
#topheader ul li.services a{width:106px; height:17px; display:block; background:url(../images/btn_solutions.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.services a:hover{width:106px; height:17px; background:url(../images/btn_solutions_over.png) 0 0 no-repeat;}

#topheader ul li.forum{width:90px; height:17px; margin-right:6px}
#topheader ul li.forum a{width:90px; height:17px; display:block; background:url(../images/btn_forums.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.forum a:hover{width:90px; height:17px; background:url(../images/btn_forums_over.png) 0 0 no-repeat;}

#topheader ul li.contacts{width:90px; height:17px;}
#topheader ul li.contacts a{width:90px; height:17px; display:block; background:url(../images/btn_contacts.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.contacts a:hover{width:90px; height:17px; background:url(../images/btn_contacts_over.png) 0 0 no-repeat;}

#topheader ul li.support{width:100px; height:17px;}
#topheader ul li.support a{width:100px; height:17px; display:block; background:url(../images/btn_support.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.support a:hover{width:100px; height:17px; background:url(../images/btn_support_over.png) 0 0 no-repeat; }

#topheader ul li.logo{width:194px; height:60px;  }
#topheader ul li.logo a{width:194px; height:60px; display:block; background:url(../images/vi-logo.png) 0 0 no-repeat; text-indent:-20000px; margin-left:-70px; margin-top:-10px;}
#topheader ul li.logo a:hover{width:194px; height:60px; background:url(../images/vi-logo.png) 0 0 no-repeat; margin-left:-70px; margin-top:-10px; }

#topheader ul li.blog{width:90px; height:17px;}
#topheader ul li.blog a{width:90px; height:17px; display:block; background:url(../images/btn_blog.png) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.blog a:hover{width:90px; height:17px; background:url(../images/btn_blog_over.png) 0 0 no-repeat; }

/* Zmenene menu 6/9/2018 11:21:02 */
#topheader ul li.company{width:100px; height:50px;}
#topheader ul li.company a{width:100px; height:50px; display:block; background:url(../images/btn_company.png) 0 0 no-repeat; text-indent:-20000px; margin-left:40px;}
#topheader ul li.company a:hover{width:100px; height:50px; background:url(../images/btn_company_over.png) 0 0 no-repeat; margin-left:40px;}

#topheader ul li.products{width:100px; height:50px; margin-right:10px}
#topheader ul li.products a{width:100px; height:50px; display:block; background:url(../images/btn_products.png) 0 0 no-repeat; text-indent:-20000px; margin-left:60px;}
#topheader ul li.products a:hover{width:100px; height:50px; background:url(../images/btn_products_over.png) 0 0 no-repeat; margin-left:60px;}

#topheader ul li.tools{width:100px; height:50px; margin-right:10px}
#topheader ul li.tools a{width:100px; height:50px; display:block; background:url(../images/btn_tools.png) 0 0 no-repeat; text-indent:-20000px; margin-left:70px;}
#topheader ul li.tools a:hover{width:100px; height:50px; background:url(../images/btn_tools_over.png) 0 0 no-repeat; margin-left:70px;}

#topheader ul li.new{width:120px; height:104px; margin-right:10px}
#topheader ul li.new a{width:120px; height:104px; display:block; background:url(../images/btn_new.png) 0 0 no-repeat; text-indent:-20000px; margin-left:70px; margin-top:-56px; }
#topheader ul li.new a:hover{width:120px; height:104px; background:url(../images/btn_new_over.png) 0 0 no-repeat; margin-left:70px; margin-top:-56px;}

/*  INSTALLER MENU  */

#vi-box
{
  position:relative;
  top:-110px;
  width:180px;
}

#vi-menu-text
{
  position:relative;
  width:680px;
  margin-left:80px;
  top:10px;
  font:16px/20px Segoe UI, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#8b4513; text-decoration:none;
  float:right;
  visibility: hidden;
}

#vi-menu {height:36px; width:800px; margin:0 0 0 0px; position:relative; padding:0px; top:-220px; left:-76px;  } 

#vi-menu img{height:47px; width:194px; position:absolute; top:0px; left:2px;}

#vi-menu ul {width:754px; height:33px; position:absolute; top:0px; left:300px; }
#vi-menu ul li{float:left}

#vi-menu ul li.product{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.product a{width:125px; height:36px; display:block; background:url(../images/btn_product_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.product a:hover{width:125px; height:36px; background:url(../images/btn_product.png) 0 0 no-repeat;}
#vi-menu ul li.product-active{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.product-active a{width:125px; height:36px; display:block; background:url(../images/btn_product.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.product-active a:hover{width:125px; height:36px; background:url(../images/btn_product_over.png) 0 0 no-repeat;}

#vi-menu ul li.features{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.features a{width:125px; height:36px; display:block; background:url(../images/btn_features_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.features a:hover{width:125px; height:36px; background:url(../images/btn_features.png) 0 0 no-repeat;}
#vi-menu ul li.features-active{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.features-active a{width:125px; height:36px; display:block; background:url(../images/btn_features.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.features-active a:hover{width:125px; height:36px; background:url(../images/btn_features_over.png) 0 0 no-repeat;}

#vi-menu ul li.purchase{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.purchase a{width:125px; height:36px; display:block; background:url(../images/btn_purchase_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.purchase a:hover{width:125px; height:36px; background:url(../images/btn_purchase.png) 0 0 no-repeat;}
#vi-menu ul li.purchase-active{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.purchase-active a{width:125px; height:36px; display:block; background:url(../images/btn_purchase.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.purchase-active a:hover{width:125px; height:36px; background:url(../images/btn_purchase_over.png) 0 0 no-repeat;}

#vi-menu ul li.screenshots{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.screenshots a{width:125px; height:36px; display:block; background:url(../images/btn_screenshots_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.screenshots a:hover{width:125px; height:36px; background:url(../images/btn_screenshots.png) 0 0 no-repeat;}
#vi-menu ul li.screenshots-active{width:125px; height:36px; margin-right:0px}
#vi-menu ul li.screenshots-active a{width:125px; height:36px; display:block; background:url(../images/btn_screenshots.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.screenshots-active a:hover{width:125px; height:36px; background:url(../images/btn_screenshots_over.png) 0 0 no-repeat;}

#vi-menu ul li.faq{width:125px; height:36px;  margin-right:0px;}
#vi-menu ul li.faq a{width:125px; height:36px; display:block; background:url(../images/btn_faq_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.faq a:hover{width:125px; height:36px; background:url(../images/btn_faq.png) 0 0 no-repeat;}
#vi-menu ul li.faq-active{width:125px; height:36px;  margin-right:0px;}
#vi-menu ul li.faq-active a{width:125px; height:36px; display:block; background:url(../images/btn_faq.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.faq-active a:hover{width:125px; height:36px; background:url(../images/btn_faq_over.png) 0 0 no-repeat;} 

#vi-menu ul li.downloads{width:125px; height:36px;}
#vi-menu ul li.downloads a{width:125px; height:36px; display:block; background:url(../images/btn_downloads_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.downloads a:hover{width:125px; height:36px; background:url(../images/btn_downloads.png) 0 0 no-repeat;}
#vi-menu ul li.downloads-active{width:125px; height:36px;}
#vi-menu ul li.downloads-active a{width:125px; height:36px; display:block; background:url(../images/btn_downloads.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.downloads-active a:hover{width:125px; height:36px; background:url(../images/btn_downloads_over.png) 0 0 no-repeat;}

#vi-menu ul li.changelog{width:125px; height:36px;}
#vi-menu ul li.changelog a{width:125px; height:36px; display:block; background:url(../images/btn_changelog_over.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.changelog a:hover{width:125px; height:36px; background:url(../images/btn_changelog.png) 0 0 no-repeat;}
#vi-menu ul li.changelog-active{width:125px; height:36px;}
#vi-menu ul li.changelog-active a{width:125px; height:36px; display:block; background:url(../images/btn_changelog.png) 0 0 no-repeat; text-indent:-20000px;}
#vi-menu ul li.changelog-active a:hover{width:125px; height:36px; background:url(../images/btn_changelog_over.png) 0 0 no-repeat;}

#product-stripe 
{ 
  width:754px; 
  height:40px; 
  background:url(../images/product-stripe-large.png) no-repeat; 
  position: relative; 
  top:-182px;
  left:222px;
}


/* Index BOX */

#index-box-div
{
    margin-top: 60px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 2px solid #0099ff;
    padding: 20px; 
   /* background-color: #00FF00; */ 
    width: 430px;
    display: block;
    min-height: 200px;
}

#index-box
{
   /* background-color: #00FFFF;    */
    float: right;
    margin-right: -20px;
    margin-top: 20px;
}

#index-powered
{
   /* background-color: #00FFFF; */  
    border-radius: 20px;
    border: 2px solid #d2112d; 
    float: right;
    margin-right: 20px;
    margin-top: -266px;
    padding: 20px; 
    width: 430px;
}

#features-download-changelog
{
  font:14px/15px Segoe UI, Tahoma, sans-serif;
  line-height: 1.5;
} 

/* Download button */
.trial-pic {
    float: left;
}

.eu-sign {
    float: left;
    width: 100px;
    padding: 15px;
}

/* http://www.designdownloader.com/i/?id=brown_simple_web_ui_set-20111022132230-00028 */

/* http://www.designdownloader.com/i/?id=orange_simple_web_ui_set-20111022132413-00028 */ 
#download-text {float:left; position: relative; display:block; }

#download-button {width:125px; height:36px; position: relative; margin-left:700px;}
#download-button a{width:125px; height:36px; display:block; background:url(../images/btn_download_over.png) 0 0 no-repeat; text-indent:-20000px;}
#download-button a:hover{width:125px; height:36px; background:url(../images/btn_download.png) 0 0 no-repeat;}

#download-button-trial {width:198px; height:59px; position: relative; margin-left:700px;margin-top:-30px;}
#download-button-trial a{width:198px; height:59px; display:block; background:url(../images/download-win.png) 0 0 no-repeat; text-indent:-20000px;}
#download-button-trial a:hover{width:198px; height:59px; background:url(../images/download-win.png) 0 0 no-repeat;}

  
#paypal-button {width:125px; height:36px; position: relative; margin-left:690px; top:-40px;}


#buy-now-button {width:240px; height:107px; position: relative; margin-left:700px; margin-top:-20px;}
#buy-now-button a{width:200px; height:107px; display:block; background:url(../images/buy-now-button.jpg) 0 0 no-repeat; text-indent:-20000px;}
#buy-now-button a:hover{width:200px; height:107px; background:url(../images/buy-now-button.jpg) 0 0 no-repeat;}


#poll-text
{
  float:right;
  margin-right:100px;
}

.red-text
{
    color: red;
    font-weight: bold;
}


/* CUSTOMERS */

#customers
{
	width:1000px;
	height:400px;
	margin:0px;
	//margin-bottom:30px;
	position:relative;
	margin-left:-1px;
	background:#f5f5f5;
	float: left;
    border: 1px solid #8b4513;
}

.customers-cell
{
    min-width: 190px;
    min-height: 100px;
}

.customer-siemens
{
    background: url('../images/customers/hover/siemens.png') no-repeat 0 0;
    width: 200px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}

.customer-siemens:hover
{
    background: url('../images/customers/hover/siemens.png') no-repeat 0 0;
    width: 200px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}

.customer-3m
{
    background: url('../images/customers/hover/3m.png') no-repeat 0 0;
    width: 126px;
    height: 69px;
    margin-left: auto;
    margin-right: auto;
}

.customer-3m:hover
{
    background: url('../images/customers/hover/3m.png') no-repeat 0 0;
    width: 126px;
    height: 69px;
    margin-left: auto;
    margin-right: auto;
}

.customer-disney
{
    background: url('../images/customers/hover/disney.png') no-repeat 0 0;
    width: 200px;
    height: 88px;
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: -16px;
}

.customer-disney:hover
{
    background: url('../images/customers/hover/disney.png') no-repeat 0 0;
    width: 200px;
    height: 88px;
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: -16px;
}

.customer-ubisoft
{
    background: url('../images/customers/hover/ubisoft.png') no-repeat 0 0;
    width: 132px;
    height: 100px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: -6px;
}

.customer-ubisoft:hover
{
    background: url('../images/customers/hover/ubisoft.png') no-repeat 0 0;
    width: 132px;
    height: 100px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: -6px;
}

.customer-upwork
{
    background: url('../images/customers/hover/upwork.png') no-repeat 0 0;
    width: 200px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
}

.customer-upwork:hover
{
    background: url('../images/customers/hover/upwork.png') no-repeat 0 0;
    width: 200px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
}

.customer-telekom
{
    background: url('../images/customers/hover/telekom.png') no-repeat 0 0;
    width: 102px;
    height: 49px;
    margin-left: auto;
    margin-right: auto;
}

.customer-telekom:hover
{
    background: url('../images/customers/hover/telekom.png') no-repeat 0 0;
    width: 102px;
    height: 49px;
    margin-left: auto;
    margin-right: auto;
}


.customer-pareto
{
    background: url('../images/customers/hover/pareto.png') no-repeat 0 0;
    width: 200px;
    height: 97px;
    margin-left: auto;
    margin-right: auto;
}

.customer-pareto:hover
{
    background: url('../images/customers/hover/pareto.png') no-repeat 0 0;
    width: 200px;
    height: 97px;
    margin-left: auto;
    margin-right: auto;
}

.customer-orange
{
    background: url('../images/customers/hover/orange.png') no-repeat 0 0;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.customer-orange:hover
{
    background: url('../images/customers/hover/orange.png') no-repeat 0 0;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.customer-procter-gamble
{
    background: url('../images/customers/hover/procter-gamble.png') no-repeat 0 0;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.customer-procter-gamble:hover
{
    background: url('../images/customers/hover/procter-gamble.png') no-repeat 0 0;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.customer-groz-beckert
{
    background: url('../images/customers/hover/groz-beckert.png') no-repeat 0 0;
    width: 200px;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
}

.customer-groz-beckert:hover
{
    background: url('../images/customers/hover/groz-beckert.png') no-repeat 0 0;
    width: 200px;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
}

.customer-olark
{
    background: url('../images/customers/hover/olark.png') no-repeat 0 0;
    width: 156px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.customer-olark:hover
{
    background: url('../images/customers/hover/olark.png') no-repeat 0 0;
    width: 156px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.customer-ysoft
{
    background: url('../images/customers/ysoft.png') no-repeat 0 0;
    width: 150px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

.customer-ysoft:hover
{
    background: url('../images/customers/hover/ysoft.png') no-repeat 0 0;
    width: 150px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

.customer-eset
{
    background: url('../images/customers/eset.png') no-repeat 0 0;
    width: 79px;
    height: 31px;
    margin-left: auto;
    margin-right: auto;
}

.customer-eset:hover
{
    background: url('../images/customers/hover/eset.png') no-repeat 0 0;
    width: 79px;
    height: 31px;
    margin-left: auto;
    margin-right: auto;
}

.customer-nasa
{
    background: url('../images/customers/nasa.png') no-repeat 0 0;
    width: 120px;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
}

.customer-nasa:hover
{
    background: url('../images/customers/hover/nasa.png') no-repeat 0 0;
    width: 120px;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
}

.customer-tradingcentral
{
    background: url('../images/customers/tradingcentral.png') no-repeat 0 0;
    width: 152px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.customer-tradingcentral:hover
{
    background: url('../images/customers/hover/tradingcentral.png') no-repeat 0 0;
    width: 152px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}

.customer-eurofunk
{
    background: url('../images/customers/eurofunk.png') no-repeat 0 0;
    width: 180px;
    height: 61px;
    margin-left: auto;
    margin-right: auto;
}

.customer-eurofunk:hover
{
    background: url('../images/customers/hover/eurofunk.png') no-repeat 0 0;
    width: 180px;
    height: 61px;
    margin-left: auto;
    margin-right: auto;
}


.customer-voxtron
{
    background: url('../images/customers/voxtron.png') no-repeat 0 0;
    width: 180px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
}

.customer-voxtron:hover
{
    background: url('../images/customers/hover/voxtron.png') no-repeat 0 0;
    width: 180px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
}

.customer-docmedicus
{
    background: url('../images/customers/docmedicus.png') no-repeat 0 0;
    width: 180px;
    height: 41px;
    margin-left: auto;
    margin-right: auto;
}

.customer-docmedicus:hover
{
    background: url('../images/customers/hover/docmedicus.png') no-repeat 0 0;
    width: 180px;
    height: 41px;
    margin-left: auto;
    margin-right: auto;
}

.customer-pjd
{
    background: url('../images/customers/pjd.png') no-repeat 0 0;
    width: 142px;
    height: 78px;
    margin-left: auto;
    margin-right: auto;
}

.customer-pjd:hover
{
    background: url('../images/customers/hover/pjd.png') no-repeat 0 0;
    width: 142px;
    height: 78px;
    margin-left: auto;
    margin-right: auto;
}

.customer-bitcentral
{
    background: url('../images/customers/bitcentral.png') no-repeat 0 0;
    width: 125px;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
}

.customer-bitcentral:hover
{
    background: url('../images/customers/hover/bitcentral.png') no-repeat 0 0;
    width: 125px;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
}

.customer-ea
{
    background: url('../images/customers/ea.png') no-repeat 0 0;
    width: 180px;
    height: 93px;
    margin-left: auto;
    margin-right: auto;
}

.customer-ea:hover
{
    background: url('../images/customers/hover/ea.png') no-repeat 0 0;
    width: 180px;
    height: 93px;
    margin-left: auto;
    margin-right: auto;
}

/*  FOOTER */

#footer
{
	width:1000px;
	height:75px;
	margin:0px;
	margin-bottom:30px;
	position:relative;
	margin-left:-1px;
	background:#6f513b;
	float: left;
  border: 1px solid #8b4513;
}

#footer p{margin:20px 0 0 40px; font:11px/18px Segoe UI, Tahoma, Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal;}
#footer a{font:11px/18px Segoe UI, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#footer a:hover{color:#FFF; text-decoration:underline;}
#footer img { position:absolute; top: 16px; right: 20px; }

/* Pop up pictures */ 

.thumbnail
{
  position: relative;
  z-index: 0; 
  background:url('../images/zoom.jpg') no-repeat center left;
  padding-left: 18px;
}

.thumbnail:hover
{
  background-color: transparent;
  z-index: 50;
}

.thumbnail span
{ /*CSS for enlarged image*/
  position: absolute;
  background:url(../images/background.png) repeat;
  padding: 10px;
  left: -1000px;
  border: 1px solid #8b4513;
  visibility: hidden;
  color: #8b4513;
  text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: -300px;
  left: -80px; /*position where enlarged image should offset horizontally */
}

.thumbnail-nozoom
{
  position: relative;
  z-index: 0; 
  background:url('../images/zoom.jpg') no-repeat center bottom;
  padding-bottom: 18px;
}

.thumbnail-nozoom:hover
{
  background-color: transparent;
  z-index: 50;
}

.thumbnail-nozoom span
{ /*CSS for enlarged image*/
  position: absolute;
  background:url(../images/background.png) repeat;
  padding: 10px;
  left: -1000px;
  border: 1px solid #8b4513;
  visibility: hidden;
  color: #8b4513;
  text-decoration: none;
}

.thumbnail-nozoom span img
{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail-nozoom:hover span
{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: -300px;
  left: -80px; /*position where enlarged image should offset horizontally */
}

/* FEATURES */

.feature
{
  height:260px;
}

.feature-380
{
  height:380px;
}

.feature-400
{
  height:400px;
}

.feature-440
{
  height:440px;
}

.feature-500
{
  height:500px;
}

.feature-600
{
  height:600px;
}

.feature-700
{
  height:700px;
}

.feature-800
{
  height:800px;
}

.feature-1000
{
  height:1000px;
}


.picture
{
  float:left;
  margin:50px 10px 10px 10px;
} 

#table-intellisense
{
  display:block;
  padding-left:300px;
  padding-bottom:20px;
}

#table-nsis-properties
{
  display:block;
  padding-left:50px;
  padding-bottom:20px;
}

#table-inno-properties
{
  display:block;
  padding-left:50px;
  padding-bottom:20px;
}

.table-nsis-navigationbars
{
  display:block;
  padding-left:300px;
  /*background-color: #00FF00;*/
}

.general-table th
{
  background-color:#ffd700;
  border:1px solid #ffd700;
}

.general-table td
{
  border-collapse:collapse;
  border:1px solid #ffd700;
}

.general-table
{
  border:1px solid #ffd700;
  padding-left:10px;
  padding-right:10px;
  border-collapse:collapse;
  text-align:center;
}

p.tip 
{
        background-color : #FFFFCC;
        border : 1px solid black;
        clear : both;
        color : black;
        margin-left : 10%;
        margin-right : 10%;
        padding : 6px 6px;
        width : 80%;
        display:block;
}

.right-float-tip
{
  float: right;
}

.code-snippets
{
  color:#8b4513;
  list-style-type: disc;
  padding-left: 260px; 
  font-weight:normal;
}

.automatic-regions
{
  color:#8b4513;
  list-style-type: disc;
  margin-left:30px;
  padding-left: 310px; 
  font-weight:normal;
}

.automatic-regions li
{
  margin-left: 240px;
}

#code-snippets-div
{
  height:420px;
}

#vdproject-div
{
  height:420px;
}

.nsLanguage
{
  color:#8b4513;
  list-style-type: disc;
  padding-left: 250px; 
  font-weight:normal;
}
#nsLanguage-div
{
  height:400px;
}

/* FAQ */

#textArea-faq
{ 
  width:980px; 
  margin-left:0px; 
  margin-top:0px;
  position:inherit;
  background-color:#f5f5f5;
  padding-left:20px;
  left:0px;  
}

#textArea-faq h2
{ 
  color:#000000;
  font-size:14px;
  padding-top:30px;
}

.faq-p
{
  margin-left:16px;
  width:90%;
}

.table-configuration
{
  border:1px solid #ffd700;
  padding-left:10px;
  padding-right:10px;
  margin-left:50px;
}

/* changelog */

#textArea-changelog 
{ 
  width:980px; 
  margin-left:0px; 
  margin-top:0px;
  position:inherit;
  background-color:#f5f5f5;
  padding-left:20px;
  left:0px;  
}

#textArea-changelog h2
{ 
  color:#8b4513;
  background-color:#f5f5f5;
  font-size:14px;
  padding-top:20px;
  padding-left:0px;
  padding-bottom:10px;
}

.changelog-ul
{
  padding-left:20px;
}

.newspaper
{
  background:url(../images/changelog/newspaper.png) no-repeat;
  padding-left: 20px;
}

.new-feature
{
  background:url(../images/changelog/new.png) no-repeat;
  padding-left: 20px;
}

.new-item
{
  background:url(../images/changelog/new-feature.png) no-repeat;
  padding-left: 20px;
}

.removed-feature
{
  background:url(../images/changelog/removed-feature.png) no-repeat;
  padding-left: 20px;
}

.fixed
{
  background:url(../images/changelog/fixed.png) no-repeat;
  padding-left: 20px;  
}

.modified
{
  background:url(../images/changelog/modified.png) no-repeat;
  padding-left: 20px;
}

.known-bug
{
  background:url(../images/changelog/known-bug.png) no-repeat;
  padding-left: 20px;
}

.working
{
  background:url(../images/changelog/working.png) no-repeat;
  padding-left: 20px;
}

.info
{
  background:url(../images/changelog/info.png) no-repeat;
  padding-left: 20px;
}

.warning
{
  background:url(../images/changelog/warning.png) no-repeat;
  padding-left: 20px;
}


/* Changelog - Online manual span */
.online-manual
{
  padding-right: 20px;
  float: right;
}

a.manual 
{ 
 background:url('../images/manual.jpg') no-repeat center left;
 padding-left: 18px;
}      /* unvisited link */
a.manual:link 
{ 
 background:url('../images/manual.jpg') no-repeat center left;
 padding-left: 18px;
}      /* unvisited link */
a.manual:visited 
{ 
 background:url('../images/manual.jpg') no-repeat center left;
 padding-left: 18px;
}  /* visited link */
a.manual:hover  
{ 
 background:url('../images/manual.jpg') no-repeat center left;
 padding-left: 18px;
}  /* mouse over link */
a.manual:active  
{ 
 background:url('../images/manual.jpg') no-repeat center left;
 padding-left: 18px;
}  /* selected link */ 

/* downloads.html */

.downloads-ul
{
  list-style-type: none;  
} 

.downloads-ul li
{

} 

.downloads-ide-span
{
  margin-left:10px;
  position:relative;
  top:-20px;
} 

.donation-ul
{
  list-style-type: disc;  
} 

.donation-ul li
{

}

.donation-numbered-ul
{
  list-style-type: numbers;  
} 

.donation-numbered-ul li
{

} 

/* Purchase.html */

#table-purchase-vi th
{
  color:rgb(166,166,166);
}

.table-purchase-vi-text
{
  color:#000000;
  font-weight:bold;
  font-size:15px;
  padding-top:10px;
  padding-right:20px;
  padding-bottom:10px;
}

#table-purchase-vi ul
{
  color:#8b4513;
  list-style-type: disc;
  padding-left: 10px; 
  font-size:12px;
  font-weight:normal;
}

#table-purchase-vi-commercial ul
{
  color:#8b4513;
  list-style-type: disc;
  padding-left: 10px; 
  font-size:12px;
  font-weight:normal;
}

.vi-purchase-quantity
{
  max-width:50px;
  margin-left:50px;
  margin-right:60px;
}

.vi-purchase-personal-type
{
  width:200px;
  padding-left:50px;
}

.vi-purchase-hwdata
{
  width:240px;
}

.vi-purchase-personal-form
{
  margin-left:60px;  
}

#table-discounts-vi
{
  text-align:center;
  border-collapse:collapse;
}

#table-discounts-vi tr
{
  border: 1px solid rgb(166,166,166); 
}

#table-discounts-vi td
{
  padding:4px;
  border: 1px solid rgb(166,166,166); 
}

#table-discounts-vi th
{
  color:rgb(166,166,166);
  border: 1px solid rgb(166,166,166); 
  padding:4px;
}

.table-discounts-vi-percent
{
  color: rgb(255,153,51);
  font-weight:bold;
}

#textArea-purchase 
{ 
  width:980px; 
  margin-left:0px; 
  margin-top:0px;
  position:inherit;
  background-color:#FFFFFF;
  padding-left:20px;
  left:0px;  
}

#textArea-purchase h2
{ 
  color:#8b4513;
  font-size:16px;
  padding-top:20px;
  padding-left:0px;
  padding-bottom:20px;
  text-align:center;
}

.purchase-logos
{
  float: right;
  margin-right:140px;
  margin-top:30px;
}

/* Collapsible sections */
.collapse-changelog {
  width: 100%;
  margin: 0 auto;
}

.collapse-changelog:after {
  content: "";
  display: table;
  clear: both;
}

.current-changelog {
  float: left;
  width: 100%;
  padding-right: 30px;
  overflow: hidden;
  &:last-child {
    padding-right: 0;
  }
}

.expanded-changelog {
  display: none;
  animation-duration: 0.3s;
}
      
.notification {
  background-color: #FBFCFD;
  border: 1px solid #EEEEEE;
  padding-left: 20px;
  padding-right: 20px;
  width: 94%;
}