@charset "utf-8";
/* CSS Document x harbour */

body {
background:url(../images/bg_repeat.gif) repeat-x scroll left top #F5FAFC;
color:#333;
font-family:Tahoma,Geneva,sans-serif;
font-size:12px;
margin:0;
padding:0;
}

#container {
background:url(../images/bg_main.jpg) no-repeat scroll left top transparent;
min-height:821px;
}

#content {
width:1015px;
margin:0 auto;
}

#maincontent {
background:url(../images/main_bg.png) repeat scroll 0 0 transparent;
border:1px solid #FFF;
margin:0 3px;
}

#productcontainer {
padding:0 20px 20px;
}

.lcol_200 {
float:left;
width:225px;
margin:0 25px 0 0;
padding:25px;
}

.rcol_200 {
margin:0 0 0 285px;
padding:25px;
}

#acc_title {
background-color:#D9E5EC;
border-bottom:1px solid #B4C5CF;
padding:10px;
}

#acc_title .h1 {
margin-bottom:0;
}

.h1 {
color:#5B7380;
font-size:16px;
margin:0 0 20px;
padding:0;
}

.on {
color:#000;
list-style-image:url(../images/f_on.png);
margin:0;
padding:6px 0 0;
}

.mainfeatures {
padding:20px;
}

.table {
margin-top:20px;
padding:0;
}

.mainfeatures ul {
margin:0;
padding:0;
}

.menu {
width:225px;
list-style:none;
margin:0;
padding:0;
}

.menu li {
height:43px;
list-style:none;
background-repeat:no-repeat;
margin:0;
padding:0;
}

.menu li a,.menu li a:visited {
display:block;
text-decoration:none;
text-indent:-1000px;
height:43px;
background-repeat:no-repeat;
margin:0;
}

.top {
background-image:url(../images/addons/menu/top_button.jpg);
height:20px;
width:225px;
margin:0;
}

.builder {
background-image:url(../images/addons/menu/builder_button2a.jpg);
margin:0;
}

.builder a {
background-image:url(../images/addons/menu/builder_button1a.jpg);
}

.sql {
background-image:url(../images/addons/menu/sqlbutton2a.jpg);
}

.sql a {
background-image:url(../images/addons/menu/sqlbutton1a.jpg);
}

.debugger {
background-image:url(../images/addons/menu/debugger2a.jpg);
}

.debugger a {
background-image:url(../images/addons/menu/debugger1a.jpg);
}

.service {
background-image:url(../images/addons/menu/servicebutton2a.jpg);
}

.service a {
background-image:url(../images/addons/menu/servicebutton1a.jpg);
}

.script {
background-image:url(../images/addons/menu/scriptbutton2a.jpg);
}

.script a {
background-image:url(../images/addons/menu/scriptbutton1a.jpg);
}

.edit {
background-image:url(../images/addons/menu/editbutton2a.jpg);
}

.edit a {
background-image:url(../images/addons/menu/editbutton1a.jpg);
}

.news {
background-image:url(../images/support/menu/news2.jpg);
}

.news a {
background-image:url(../images/support/menu/news1.jpg);
}

.faq {
background-image:url(../images/support/menu/faq2.jpg);
}

.faq a {
background-image:url(../images/support/menu/faq1.jpg);
}

.bug {
background-image:url(../images/support/menu/bug2.jpg);
}

.bug a {
background-image:url(../images/support/menu/bug1.jpg);
}

.apollo {
background-image:url(../images/addons/menu/apollo2.jpg);
}

.apollo a {
background-image:url(../images/addons/menu/apollo1.jpg);
}

.about {
background-image:url(../../about/images/buttons/about.jpg);
}

.about a {
background-image:url(../../about/images/buttons/about.jpg);
}

.linklist {
margin-left:0;
padding-left:0;
width:110px;
}

.linklist li {
list-style-type:none;
width:94px;
height:93px;
background-repeat:no-repeat;
margin-left:9px;
}

.linklist li a,.linklist li a:visited {
display:block;
text-decoration:none;
text-indent:-1000px;
height:93px;
background-repeat:no-repeat;
}

.sqlrdd {
background-image:url(../images/addons/sqlrdd/moreinfo_sqlrdd2.jpg);
}

.sqlrdd a {
background-image:url(../images/addons/sqlrdd/moreinfo_sqlrdd.jpg);
}

.sqlex {
background-image:url(../images/addons/sqlrdd/moreinfo_sqlex2.jpg);
}

.sqlex a {
background-image:url(../images/addons/sqlrdd/moreinfo_sqlex.jpg);
}

#tab {
margin:0;
padding:0;
}

ul#tabnav {
text-align:left;
font:bold 11px Tahoma;
border-bottom:1px solid #b4c5cf;
list-style-type:none;
margin:0;
padding:3px 10px 3px 0;
}

ul#tabnav li {
display:inline;
}

body#tab1 li.tab0,body#tab1 li.tab1,#tab li.tab0 {
border-bottom:1px solid #fff;
}

#tab li.tab0 a {
background-color:#fff;
color:#5d7481;
position:relative;
top:1px;
padding-top:4px;
}

ul#tabnav li a {
border:1px solid #b4c5cf;
background-color:#d9e5ec;
color:#666;
margin-right:0;
text-decoration:none;
border-bottom:none;
padding:3px 10px;
}

ul#tabnav a:hover {
background:#f2f3f3;
}

#tab_content {
background-color:#FFF;
border-bottom:1px solid #B4C5CF;
border-left:1px solid #B4C5CF;
border-right:1px solid #B4C5CF;
padding:10px 10px 10px 15px;
}

#tabcontent li {
background-image:url(../images/vxh_check_small.gif);
background-position:0 -3px;
background-repeat:no-repeat;
list-style:none;
padding-left:23px;
margin-bottom:10px;
}

.addbold {
margin:5px 0 10px;
}

.listexpander {
width:420px;
float:right;
}

.listexpander,.listexpander ul,.listexpander li {
list-style:none;
margin:0;
padding:0;
}

.listexpander li {
margin-top:1px;
line-height:150%;
text-indent:30px;
cursor:default;
font-weight:700;
width:100%;
display:block;
}

.listexpander li.collapsed,.listexpander li.expanded {
cursor:pointer;
}

.listexpander li,.listexpander li.collapsed {
background:#d9e5ec url(../images/collapsed.gif) no-repeat 4px .2em;
}

.listexpander li.expanded {
background:#69C url(../images/expanded.gif) no-repeat 4px .2em;
}

.listexpander li.expanded span {
color:#FFF;
font-size:12px;
}

.listexpander li ul,.listexpander li li {
background:#FFF;
font-weight:400;
}

.listexpander li li.collapsed {
background:#f8f8f8 url(../images/collapsed.gif) no-repeat 5px .4em;
}

.listexpander li li.expanded {
background:#f8f8f8 url(../images/expanded.gif) no-repeat 5px .4em;
}

.listexpander li li ul,.listexpander li li li {
background:#fff;
}

.listexpander li li li.collapsed {
background:#fff url(../images/collapsed.gif) no-repeat 5px .4em;
}

.listexpander li li li.expanded {
background:#fff url(../images/expanded.gif) no-repeat 5px .4em;
}

.listexpander li li li li {
text-indent:0;
margin-left:30px;
width:auto;
}

p.listexpander {
height:1.5em;
margin:1em 0;
}

p.listexpander a {
float:left;
height:1.5em;
line-height:1.5em;
border:1px solid #eee;
margin-right:5px;
cursor:pointer;
padding:0 10px;
}

p.listexpander a:hover {
background:#f8f8f8;
}

.listexpander li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .listexpander li {
height:1%;
}

.dotted {
color:#fff;
background-color:#fff;
border:1px dotted #d9e5ec;
border-style:none none dotted;
}

.shadow2 {
box-shadow:4px 4px 6px #818181;
-webkit-box-shadow:4px 4px 6px #818181;
-moz-box-shadow:4px 4px 6px #818181;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=4, offY=4, positive=true);
}

#codebox {
border:#D9E5EC solid 1px;
font-family:"Courier New", Courier, monospace;
background-image:url(../images/code-bg.gif);
background-repeat:repeat;
width:90%;
margin:5px 0;
padding:10px;
}

.titelfeature {
font-size:16px;
font-family:Tahoma,Geneva,sans-serif;
margin:0;
padding:7px 0 0;
}

div#feature_list {
width:657px;
height:480px;
overflow:hidden;
position:relative;
margin:0 auto;
}

div#feature_list ul {
position:absolute;
top:0;
list-style:none;
margin:0;
padding:0;
}

ul#featuretabs {
left:0;
z-index:2;
width:320px;
}

ul#featuretabs li {
font-size:12px;
font-family:Arial;
}

ul#featuretabs li img {
border:none;
float:left;
margin:0 10px 0 0;
padding:0 0 5px 5px;
}

ul#featuretabs li a {
color:#5B7380;
text-decoration:none;
display:block;
height:60px;
outline:none;
padding:10px;
}

ul#featuretabs li a:hover {
text-decoration:underline;
}

ul#featuretabs li a.current {
background:url(../images/feature-tab-currentblue.png);
color:#FFF;
}

ul#featuretabs li a.current:hover {
text-decoration:none;
cursor:default;
}

ul#output {
right:0;
width:370px;
height:480px;
position:relative;
}

ul#output li {
position:absolute;
width:370px;
height:480px;
}

ul#output li a {
position:absolute;
bottom:10px;
right:10px;
text-decoration:none;
font-size:11px;
color:#FFF;
background:#000;
-moz-border-radius:5px;
padding:8px 12px;
}

ul#output li a:hover {
background:#5B7380;
}

#addontitle {
color:#5B7380;
margin-bottom:10px;
margin-top:50px;
}

#addontitle img {
border:none;
float:left;
margin:0 10px -5px 0;
padding:0;
}

#addonmeerinfo {
color:#5B7380;
float:right;
width:110px;
margin-left:20px;
text-align:center;
}

#faq {
list-style-image:none;
list-style-type:none;
width:800px;
display:block;
clear:right;
margin:5px auto 20px;
padding:0;
}

#faq li {
display:block;
}

#faq li a,#faq li a:visited {
background-color:#E2EEF1;
border:1px solid #369;
color:#036;
font-family:Tahoma;
font-size:11px;
list-style-image:none;
list-style-type:none;
width:200px;
float:left;
display:block;
text-decoration:none;
margin:3px 5px 3px 0;
padding:5px;
}

#faq li a:hover {
background-color:#EEFCFF;
cursor:pointer;
text-decoration:none;
}

.topofpage a {
color:#06C;
float:right;
font-size:11px;
padding-top:4px;
text-align:right;
text-decoration:none;
width:80px;
}

ul.menu li a:hover,ul.linklist li a:hover {
background:none;
}

#addontitle hr,#addonmeerinfo hr {
background-color:#fff;
border:1px solid #d9e5ec;
border-style:none none solid;
}

.a-btn{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:90px;
    padding-right:105px;
    height:90px;
    display:inline-block;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    clear:both;
    margin:10px 0px;
	margin-left:auto; margin-right:auto;
    overflow:hidden;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
	text-decoration:none;
	width:200px;
}
.a-btn img{
    position:absolute;
    left:15px;
    top:13px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn .a-btn-slide-text{
    position:absolute;
    font-size:36px;
    top:18px;
    left:18px;
    color:#bde086;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	text-decoration:none
}
.a-btn-text{
    padding-top:13px;
    display:block;
    font-size:30px;
    text-shadow:0px -1px 1px #5d81ab;
	color:#FFF;
	text-decoration:none;
}
.a-btn-text small{
    display:block;
    font-size:11px;
    letter-spacing:1px;
	text-decoration:none;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:80px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    border:1px solid rgba(0,0,0,0.5);
    background:#5b5b5b url(http://www.xharbour.com/products/images/buttons_images/arrow_down.png) no-repeat center center;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn:hover{
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover img{
    opacity:0;
}
.a-btn:hover .a-btn-slide-text{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
    background-color:#bc3532;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}
.a-btn:active .a-btn-icon-right span{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}