/* 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
*/

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

ul 
{
  list-style-type:none;
}

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

#mainbody
{
  width:1000px; 
  margin:0 auto; 
} 

#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:#FFFFFF;
  padding-left:20px;
  left:0px;  
}

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

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

#textArea h4
{ 
  color:#8b4513;
  font-size:14px;
  padding-top:20px;
  padding-left:0px;
  padding-bottom:20px;
}

#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;
}

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

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

/*  TOP HEADER  */

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

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

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

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

#topheader ul {width:593px; height:33px; position:absolute; top:47px; left:300px; }
#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:120px; margin-top:-20px;}
#topheader ul li.logo a:hover{width:194px; height:60px; background:url(../images/vi-logo.png) 0 0 no-repeat; margin-left:120px; margin-top:-20px; }


/*  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 Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#8b4513; text-decoration:none;
  float:right;
}

#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:673px; height:33px; position:absolute; top:0px; left:400px; }
#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:675px; 
  height:40px; 
  background:url(../images/product-stripe-large.png) no-repeat; 
  position: relative; 
  top:-182px;
  left:322px;
}

/* Download button */

#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;}
  
#paypal-button {width:125px; height:36px; position: relative; margin-left:690px; top:-40px;}

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

/*  FOOTER */

#footer{
	width:1000px;
	height:75px;
	margin:0px;
	margin-bottom:30px;
	position:relative;
	padding:0px;
	background:#6f513b;
	float: left;
}

#footer p{margin:20px 0 0 40px; font:11px/18px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal;}
#footer a{font:11px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#footer a:hover{color:#FFF; text-decoration:underline;}
#footer img {height:37px; width:123px; position:absolute; top:17px; left:510px;}

/* Pop up pictures */ 

.thumbnail
{
  position: relative;
  z-index: 0; 
}

.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 */
}


/* FEATURES */

#feature
{
  height:220px;
}

#picture
{
  float:left;
  margin:10px 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: 250px; 
  font-weight:normal;
}

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

/* FAQ */

#textArea-faq
{ 
  width:980px; 
  margin-left:0px; 
  margin-top:0px;
  position:inherit;
  background-color:#FFFFFF;
  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 */

#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;
}

/* downloads.html */

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

.downloads-ul li
{

} 

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

/* 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;
}

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

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

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

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

#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;
}