/********** author: www.grupadigital.com ************/

@import url(kadonk.css);
@import url(aSlideshow.css);

body {font:normal 12px/17px  arial, tahoma, verdana; background:#10975b url(../images/back-body.jpg) repeat-y; margin:auto;}

#header {margin:auto; width:980px; height:110px;}
.logo {float:left; padding:25px 0 0 0; width:474px;}

#header .box-left {float:left; width:506px;}
#login {float:left; background:url(../images/back-login.png) right repeat-y; color:#fff; padding:0 10px 0 5px; height:25px; margin-bottom:15px; width:491px; text-align:right; line-height:20px}

#back-home, #back-sub {background:#c2e28b url(../images/back-home.jpg) repeat-x; border-top:1px solid #9ad33c; border-bottom:1px solid #9ecf5d; height:380px; float:left; width:100%;}
#back-white {background-color:#fff; float:left; width:100%;}
#back-footer {background-color:#000; float:left; width:100%; text-align:center; color:#067a76; line-height:23px}

#back-sub {height:50px;}

.content {margin:auto; width:980px; padding:15px 0;}

/* menu */
.menu {padding:0;  margin:auto; width:980px; list-style:none; height:29px; color:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.menu img {float:right; margin:7px 0 0 0;}

.menu li.top {display:block; float:left; background:url(../images/tabs.gif) 0 0 no-repeat; margin-right:1px;}
.menu li a.top_link {display:block; float:left; height:29px; width:100px; line-height:27px; text-decoration:none; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; color:#fff;}
.menu li a.top_link span {float:left; display:block; height:29px;}
.menu li a.top_link span.down {float:left; display:block; height:29px;}
.menu li a.top_link:hover {color:#fff !important; background:url(../images/tabs.gif) 0 -29px no-repeat;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0; top:29px; background-color:#6ab124; border-bottom:1px solid #9ad33c; white-space:nowrap; width:150px; height:auto; z-index:300; border-left:1px solid #9ad33c; border-right:1px solid #9ad33c;}
.menu :hover ul.sub li {display:block; position:relative; float:left; width:150px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:11px; width:140px; line-height:20px; padding:3px 5px; color:#fff; text-decoration:none; border-top:1px solid #9ad33c;}
.menu :hover ul.sub li a.fly {background-color:#6ab124;}
.menu :hover ul.sub li a:hover {background:#56a01b; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background-color:#56a01b; color:#fff;}
.menu :hover ul li:hover > a.fly {background-color:#56a01b; color:#fff;} 

.menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:150px; top:0; background-color:#6ab124; border-bottom:1px solid #9ad33c; white-space:nowrap; width:150px; z-index:400; height:auto; border-left:1px solid #9ad33c; border-right:1px solid #9ad33c;}

* html .menu :hover ul :hover ul, * html .menu :hover ul :hover ul :hover ul, * html .menu :hover ul :hover ul :hover ul :hover ul, * html .menu :hover ul :hover ul :hover ul :hover ul :hover ul  {top:-1px}

/*HOME*/
.column-a {float:left; width:630px; margin:40px 50px 0 0;}
.column-b {float:left; width:300px; margin:40px 0 0 0;}

.leftcalltoaction
{
	float: left;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 10px;
}


.rightcalltoaction
{
	float: left;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 10px;
}

.calltoaction
{
	width: 450px;
	text-align: left;
}
.calltoaction .ctaheader
{
	font: 24px arial, tahoma, verdana;
	margin-bottom: 5px;
}
.calltoaction .ctabody
{
	color: black;
	font: normal 14px arial, tahoma, verdana;
	margin-bottom: 10px;
}
.calltoaction .ctabody strong
{
	color: white;
	font: bold 18px arial, tahoma, verdana;
}

.calltoaction .ctainfo
{
	color: black;
	font: normal 18px arial, tahoma, verdana;
	background-color:inherit;
	margin-top: 10px;
}

.calltoaction .ctainfo strong
{
	color: white;
	font: bold 18px arial, tahoma, verdana;
}


.calltoaction .ctahomepagebuttons 
{
	width: 200px;
	height: 150px;
	overflow: hidden;
}

.calltoaction .ctahomepageinfo
{
	width: 235px;
	height: 127px;
	overflow: hidden;
	float: right;
	background-color: #009f99;
	margin-top: 10px;
	background: url(../images/popupinfobox.png);
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
}


.calltoaction .ctagetliveprojectpurchase a
{
	background: url(../images/purchase-button.png)  no-repeat 0px 0;
	width: 200px;
	height: 39px;
	overflow: hidden;
	margin-top: 10px;
	display:block;
}

.calltoaction .ctagetliveproject a
{
	background: url(../images/get-viewer-button.png)  no-repeat 0px 0;
	width: 200px;
	height: 39px;
	overflow: hidden;
	margin-top: 10px;
	display:block;
}

.calltoaction .ctagetliveprojectfree a
{
	background: url(../images/free-viewer-button.png)  no-repeat 0px 0;
	width: 200px;
	height: 39px;
	overflow: hidden;
	margin-top: 10px;
	display:block;
}

.calltoaction .ctagetliveprojecttrial a
{
	background: url(../images/start-trial-button.png)  no-repeat 0px 0;
	width: 200px;
	height: 39px;
	overflow: hidden;
	margin-top: 10px;
	display:block;
}

.calltoaction .ctalearnmore a
{
	background: url(../images/learn-more-button.png)  no-repeat 0px 0;
	width: 200px;
	height: 39px;
	overflow: hidden;
	margin-top: 10px;
	display:block;
}



.calltoaction .ctalearnmore a:hover
{
	background-position: 0 -39px;
}

.calltoaction .ctagetliveproject a:hover
{
	background-position: 0 -39px;
}
.calltoaction .ctagetliveprojectpurchase a:hover
{
	background-position: 0 -39px;
}
.calltoaction .ctagetliveprojecttrial a:hover
{
	background-position: 0 -39px;
}
.calltoaction .ctagetliveprojectfree a:hover
{
	background-position: 0 -39px;
}

.calltoaction .ctagetliveprojectpurchase a:hover
{
	width: 200px;
	text-align: center;

}

.calltoaction .ctagetliveprojecttrial a:hover
{
	width: 200px;
	text-align: center;

}

.calltoaction .ctagetliveprojectfree a:hover
{
	width: 200px;
	text-align: center;
}

.calltoaction .ctagetliveprojectlink
{
	width: 284px;
	text-align: center;
}



ul#benefits {float:left; list-style-type:none; margin:0; width:220px; padding:0}
ul#benefits li {float:left; margin:0 0 5px 0; width:220px;}
ul#benefits li img {padding-right:5px;}

ul#products {float:right; list-style-type:none; margin:13px 0 0 0; width:557px; padding:0;}
ul#products li {float:left; width:169px; margin:0; padding-left:15px;}

ul#products li ul {float:left; width:129px; list-style-type:none; margin:0; padding:10px 0 0 30px; font-size:11px;}
ul#products li ul li {float:left; width:139px; margin:0; padding:0 0 2px 0;}

.AwardCarouselClassHeader { margin:20px 0 0 0; padding:0 0 0 300px; width:680px; background:url(../images/shadow.png) top no-repeat;}

.hasjs {display:none;}

ul .PPVUpdates {float:left; list-style-type:none; margin:20px 0 0 0; padding:0 0 0 300px; width:610px; height:350px; }
ul.logos {float:left; list-style-type:none; margin:20px 0 0 0; padding:0 0 0 300px; width:680px; }
ul.logos li {float:left; padding:30px 15px 0 0; margin:0;}
/*
ul#logos {float:left; list-style-type:none; margin:20px 0 0 0; padding:0 0 0 300px; width:680px; background:url(../images/shadow.png) top no-repeat;}
ul#logos li {float:left; padding:30px 15px 0 0; margin:0;}
*/
.download {margin:-66px 0 0 217px;}
.monitor {position:absolute; margin:58px 0 0 35px; padding-top:65px; width:407px; height:456px; background:url(../images/monitor_dashboard.png) no-repeat;}
* html .monitor {margin:58px 0 0 -180px;}
*+html .monitor {margin:58px 0 0 -180px;}

.news {float:left; margin:0; padding:15px; width:270px; background:url(../images/back-news.gif) repeat-y;}
.news ul {float:left; position:relative; list-style-type:none; margin:10px 0 0 -20px; padding:0; width:270px;}
.news ul li {float:left; margin-bottom:20px; width:270px; float:left;}

.news .bullet {float:left; padding:2px 15px 0 0; margin:0}
.news .box-left {float:left; width:240px;}

/*SUBPAGES*/
.column-a-sub {float:left; width:630px; margin:0 50px 0 0;}
.column-b-sub {float:left; width:300px; margin:28px 0 0 0;}
.slide {float:left; background:url(../images/back-slide.jpg) repeat-x; margin:10px 0; width:630px; height:400px; }	
*+html .slide .monitor {position:absolute; margin:36px 0 0 -370px; padding-top:65px; width:370px; height:317px; background:url(../images/monitor-slide.png) no-repeat; z-index:10;}
.diapo {float:left; padding:38px 0 0 130px;}
*+html .rew {position:absolute; margin:125px 0 0 -404px; width:58px; height:80px; z-index:10;}
*+html .fw {position:absolute; margin:125px 0 0 -25px; width:58px; height:80px; z-index:10;}

* html .slide .monitor {position:absolute; margin:36px 0 0 -370px; padding-top:65px; width:370px; height:317px; background:url(../images/monitor-slide.png) no-repeat; z-index:10;}
* html .rew {position:absolute; margin:125px 0 0 -404px; width:58px; height:80px; z-index:10;}
* html .fw {position:absolute; margin:125px 0 0 -25px; width:58px; height:80px; z-index:10;}

.slide .monitor {position:absolute; margin:36px 0 0 130px; padding-top:65px; width:370px; height:317px; background:url(../images/monitor-slide.png) no-repeat; z-index:10;}
.rew {position:absolute; margin:125px 0 0 96px; width:58px; height:80px; z-index:10;}
.fw {position:absolute; margin:125px 0 0 476px; width:58px; height:80px; z-index:10;}

.title-graphic {float:left; background-color:#ddeeba; padding:10px; width:610px;}


/*news*/
.column-b-sub .news {padding:20px 0; width:300px;}
.news-padd {padding:0 30px;}
.news .line-dot {margin:20px 0;}

ul.products-sub {float:left; list-style-type:none; margin:10px 0; width:240px; padding:0;}
ul.products-sub li {float:left; margin:0 0 20px 0; padding:0; width:240px}

ul.products-sub li ul {float:right; width:180px; list-style-type:none; margin:0; padding:0;}
ul.products-sub li ul li {width:180px; margin:0 !important; padding:0;}

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

ul.list-check {float:left; list-style-type:none; margin:10px 0; width:630px; padding:0;}
ul.list-check li {float:left; width:605px; margin:0 0 10px 0; padding:2px 0 2px 25px; background:url(../images/check.gif) left no-repeat;}

ul.list-check-side {float:left; list-style-type:none; margin:10px 0; width:225px; padding:0;}
ul.list-check-side li {float:left; width:200px; margin:0 0 10px 0; padding:2px 0 2px 25px; background:url(../images/check.gif) left no-repeat;}


.about .testimonials {float:left; width:630px; margin:15px 0; padding-bottom:15px; border-bottom:1px dotted #7e7e7e; }
.about .text {float:left; width:434px;}
.about .pict {float:left; width:176px; margin:0 20px 0 0;}
.about .pict img {float:left; border:1px solid #dbdbdb;}

.testimonials .companylogo {float:right; margin-left:15px; border:1px solid #dbdbdb; display:inline; padding:0;}
.testimonials {padding-top:10px; background:url(../images/testimonials/quotes.gif) top left no-repeat;}

/* tables ul */
ul.dark-green, ul.light-green, ul.light, ul.dark {float:left; list-style-type:none; padding:0; width:630px; background-color:#ddefbb; margin:1px 0 0 0; font-size:11px; line-height:14px;}
ul.dark-green li, ul.light-green li, ul.dark li, ul.light li {float:left; padding:7px 10px; width:87px; margin:0;}

ul.dark-green {background-color:#10975b; font-weight:bold; color:#fff;}
ul.dark-green li {width:190px !important;}

ul.dark {background-color:#e8e8e8;}
ul.light {background-color:#f4f4f4;}

ul.dark-green-wide, ul.light-green-wide, ul.light-wide, ul.dark-wide {float:left; list-style-type:none; padding:0; width:980px; background-color:#ddefbb; margin:1px 0 0 0; font-size:11px; line-height:14px;}
ul.dark-green-wide li, ul.light-green-wide li, ul.dark-wide li, ul.light-wide li {float:left; padding:7px 10px; width:220px; margin:0;}

ul.dark-green-wide {background-color:#10975b; font-weight:bold; color:#fff;}
ul.dark-green-wide li {width:180px !important;}

ul.dark-wide {background-color:#e8e8e8;}
ul.light-wide {background-color:#f4f4f4;}

/*COLUMN*/
ul.share {float:left; list-style-type:none; margin:5px 0 10px 0; width:240px; padding:0;}
ul.share li {float:left; width:16px; height:16px; margin:0 5px 5px 0; padding:3px; border:1px solid #bfdb8d; background-color:#e9f4d7;}


/* TAGS */
p {font-size:13px; line-height:21px; margin:0 0 15px 0;}
p.clear {margin:0; padding:0; clear:both;}

A {color:#067a76; text-decoration:underline;}
A:hover {color:#005552; text-decoration:underline;}

H1, H2, H3, H4, H5 {font:normal 24px/21px arial, tahoma, verdana; margin:0 0 10px 0; padding:0; clear:both;}
H2 {font-weight:bold; font-size:20px; line-height:21px;}
H3 {font-weight:bold; font-size:17px; line-height:19px;}
H4 {font-weight:bold; font-size:15px; line-height:16px;}
H5 {font-weight:bold; font-size:13px; line-height:16px;}
H6 {font-weight:normal !important; font-size:11px; line-height:14px; margin:0 0 8px 0;}

.path {color:#7e7e7e; font-size:12px; padding:0 10px 10px 0; border-bottom:1px dotted #7e7e7e; margin-bottom:15px; font-size:11px;}

/* COLOR */
.white {color:#fff;}
.white a {color:#fff;}
.white a:hover {text-decoration:underline;}

.green {color:#6ab124;}

.gray {color:#5f6060;}
.gray a {color:#5f6060;}
.gray a:hover {text-decoration:underline;}

.ten {font-size:10px; line-height:12px; font-weight:normal;}
.eleven {font-size:11px; line-height:14px;}
.thirdteen {font:bold 13px/18px arial, tahoma, verdana; margin:0 0 3px 0;}

/* COMMON ELEMENTS */
.box-left {float:left;}
.box-right {float:right;}
.box-center {text-align:center; vertical-align:middle;}

.line, .line-d, .line-dot {border-bottom:1px solid #d9dbdd; margin:10px 0; clear:both;}
.line-d {border-bottom:1px dashed #d9dbdd;}
.line-dot {border-bottom:1px dotted #7e7e7e; margin:6px 0 15px 0;}

.bullet {font:normal 11px/17px "comic sans ms"}

/*FORMS*/
form {margin:0; padding:0;}

.back-form {float:left; background-color:#e8e8e8; width:630px; padding-top:10px; margin-bottom:0px;}

.field-wrapper, .field-wrapper-2  {float:left; width:630px; margin:0; padding:12px 0;}
.field-wrapper-2 {float:left; width:630px; margin:0; padding:12px 0 10px 0; background-color:#f4f4f4; border-top:1px solid #fff; border-bottom:1px solid #fff;}

label {float:left; width:200px; text-align:right; padding-top:3px;}

select, textarea, .field, input {vertical-align:middle; border:1px solid #cecece; color:#00305c; font:normal 12px/18px  arial, tahoma, verdana; height:18px; margin-left:6px;}
textarea {height:80px; overflow:auto; margin-bottom:3px;}

input {border:none;}
input:focus {background-color:#fbfff3;}

.alert, .thanks {float:left; width:580px; background-color:#fff6e8; padding:7px 10px; margin:10px 0; font-size:13px;}
.alert img {padding-right:10px;}
.thanks {background-color:#e9f4ff; text-align:left;}

.error-mark {background-color:#ddeeba;}

.size80 {width:80px;}
.size100 {width:100px;}
.size190 {width:190px !important;}
.size200 {width:180px !important;}
.size300 {width:300px;}
.size305 {width:304px;}
.field {height:25px;}

.btn {font:bold 12px/11px arial, tahoma; text-align:center; color:#fff; cursor:pointer; border:2px solid #6ab124; padding:5px 10px; margin:3px 0; height:30px; background:#6ab124 url("../images/back-btn.gif") repeat-x;}
.btn-wide {font:bold 12px/11px arial, tahoma; text-align:center; color:#fff; cursor:pointer; width:150px;  border:2px solid #6ab124; padding:5px 10px; margin:3px 0; height:30px; background:#6ab124 url("../images/back-btn.gif") repeat-x;}
.btn-big {text-align:left; font:bold 14px/11px arial, tahoma; text-transform:uppercase; width:300px; height:38px;  color:#fff; cursor:pointer; padding:5px 10px 5px 32px; margin:5px 0; background:url("../images/btn-big.gif") no-repeat;}
.btn-med {text-align:left; font:bold 14px/11px arial, tahoma; text-transform:uppercase; width:240px; height:38px;  color:#fff; cursor:pointer; padding:5px 10px 5px 32px; margin:5px 0; background:url("../images/btn-big.gif") no-repeat;}
.btn-med {width:198px; background:url("../images/btn-med.gif") no-repeat; }
.btn-home {position:absolute; margin:345px 0 0 460px;}
.btn-home1 {position:absolute; margin:345px 0 0 680px;}
.back-dark-green {float:left; background-color:#10975b; padding:5px 10px; margin:1px 0 0 0; color:#fff; width:610px; font-weight:bold;}
.back-dark-green-home {float:left; background-color:#10975b; padding:5px 10px; margin:1px 0 0 0; color:#fff; width:305px; font-weight:bold;}
.back-dark-green-wide {float:left; background-color:#10975b; padding:5px 10px; margin:1px 0 0 0; color:#fff; width:960px; font-weight:bold;}

.btn h4,.btn-wide h4,.btn-med h4,         .btn-big h4 {font-size:14px; color:#fff; padding-top:5px; text-decoration:none; font-weight:bold;}
.btn h4 a,.btn-wide h4 a,.btn-med h4 a,       .btn-big h4 a {color:#fff;text-decoration:none;}
.btn  a:hover .btn-wide  a:hover, .btn-med  a:hover, .btn-big h4 a:hover {color:#fff; text-decoration:none;}

/*HACKS*/
*+html .floatFix {height:1%}
* html .floatFix {height:1%}
.floatFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}