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

body{
   font:74% / 1.3 Arial, Helvetica, sans-serif;
   margin:0;
   padding:0;
   color:#666666;
   background:#e9f1f5 url(../images/template/bottleNcap.gif) bottom right fixed no-repeat;
}

/*-----Skip links------*/
#skiplinks {
   position: absolute;
   top: -999px;
   z-index: 50;
   width: 1px;
   font-size: 1px;
   height: 1px;
   overflow: hidden;
   display: block;
   line-height: 0;
}

/*-----Structure------*/

.wrap{
   background-image:url(../images/template/background.gif);
   background-position:right;
   background-repeat:repeat-y;
   width:950px;
   background-color:#fff;
   color:#666;
   float:left;
}

.header{
   background-image:url(../images/template/header.gif);
   background-position:top;
   background-repeat:no-repeat;
   width:935px;
   height:31px;
   padding:16px 0px 0px 0px;
}

.headerOrange{
   background-image:url(../images/template/headerOrange.gif);
   background-position:top;
   background-repeat:no-repeat;
   width:935px;
   height:31px;
   padding:16px 0px 0px 0px;
}

#qckNav{
   float:left;
   width:630px;
   padding:0px 0px 0px 40px;
}

#qckNav ul{
   margin:0;
   padding:0;
   float:left;
}

#qckNav ul li{
   list-style:none;
   display:inline;
}

#qckNav ul li a{
   display:block;
   float:left;
   padding:0px 8px;
   text-decoration:none;
   color:#000;
   font-size:0.9em;
}

#leftTools{
   float:left;
   width:262px;
}

#leftTools a {
   color:#000;
   text-decoration:none;
   font-size:0.9em;
}

#loginBtn{
   float:left;
   width:74px;
}

#leftBtns{
   float:left;
   width:186px;
}

#langDropdown {
   color:#000;
   text-decoration:none;
   font-size:0.9em;
   display:inline;
   position:relative;
}

#langDropdown li {
   display:inline;
   text-decoration:none;
}

#langDropdown li ul {
   display:block;
   width:12em;
   border:solid 1px black;
   position:absolute;
   top:-999px;
   left:-999px;
   background:white;
}

#langDropdown li:hover ul {
   top:1.2em;
   left:5px;
   z-index:10;
}

#langDropdown li.sfhover ul {
   left:5px;
   top:1.3em;
   z-index:10;
}

#langDropdown li ul li {
   display:block;
   border:none;
   background:white;
}

.contentWrap{
   float:left;
   margin:55px 0px 0px 0px;
}

.leftSide{
   float:left;
   width:190px;
}

.rightSide{
   float:left;
   width:720px;
   border-left:1px dashed #ccc;
   padding:0px 0px 0px 16px; 
}

.rightSideContent {
   height:500px;
}

html>body .rightSideContent{
   height:auto;
   min-height:500px;
}

.center_align {
   text-align:center;
}

em {
   color:red;
}

/*----------headers--------*/

h1{
   font-size:2.3em;
   font-weight:normal;
   margin:0;
   padding:10px 0px;
}

.small{
   font-size:0.4em;
}

.orange{
   color:#f36e29;
}

.green{
   color:#52b755;
}

.purple{
   color:#642c71;
}

.blue{
   color:#77ced7;
}

.red {
   color:#801517;
}

h2{
   font-size:1.5em;
   font-weight:normal;
   padding:14px 0px 4px 0px;
   margin:0;
}

/*-----elements and styling divs-----*/

.clear{
   clear:both;
   font-size:0.1em;
}

.rightjustified {
   text-align:right;
}

img{
   border:none;
}

ul{
   margin:0;
   padding:0px 0px 0px 14px;
}

li{
   padding:2px 0px;
}

a{
   color:#666;
}

p{
   margin:0;
   padding:4px 0px 10px 0px;
}

.flag_uk{
   background-image:url(../images/template/flag_uk.gif);
   background-position:left;
   background-repeat:no-repeat;
   padding:0px 0px 0px 24px;
}

.flag_us{
   background-image:url(../images/template/flag_us.gif);
   background-position:left;
   background-repeat:no-repeat;
   padding:0px 0px 0px 24px;
}

.flag_za{
   background-image:url(../images/template/flag_za.gif);
   background-position:left;
   background-repeat:no-repeat;
   padding:0px 0px 0px 24px;
}

.flag_cn{
   background-image:url(../images/template/flag_cn.gif);
   background-position:left;
   background-repeat:no-repeat;
   padding:0px 0px 0px 24px;
}

#trialBtns{
   float:left;
   padding:30px 0px;
}

#freeTrialHome{
   float:left;
   width:214px;
   padding:0px 0px 0px 118px;
}

#signUpHome{
   float:left;
   width:250px;
}

.intro{
   font-size:1.5em;
   margin:0;
   padding:13px 0px;
}

.quote{
   font-size:1.5em;
   margin:0;
   padding:13px 0px;
   font-style:italic;
}

#toolsProjMan{
   background-image:url(../images/template/toolsProjMan.jpg);
   background-repeat:no-repeat;
   padding:40px 20px 10px 20px;
   width:642px;
   height:215px;
   float:left;
}

#toolsReqMan{
   background-image:url(../images/template/toolsReqMan.jpg);
   background-repeat:no-repeat;
   width:642px;
   height:215px;
   float:left;
   padding:40px 20px 10px 20px;
}

#toolsTestMan{
   background-image:url(../images/template/toolsTestMan.jpg);
   background-repeat:no-repeat;
   width:642px;
   height:215px;
   float:left;
   padding:40px 20px 10px 20px;
}

#toolsProductMan{
   background-image:url(../images/template/toolsProductMan.jpg);
   background-repeat:no-repeat;
   width:642px;
   height:215px;
   float:left;
   padding:40px 20px 10px 20px;
}

#tools-background {
   background-image:url(../images/template/tools_background.gif);
   background-repeat:repeat-y;
}

#tools-top {
   background-image:url(../images/template/tools_top.gif);
   background-repeat:no-repeat;
   background-position:top left;
}

#tools-bottom {
   background-image:url(../images/template/tools_bottom.gif);
   background-repeat:no-repeat;
   background-position:bottom left;
}

#tools {
   width:291px;
   padding:4px 15px 10px 24px;
   margin:15px 0px 0px 0px;
}

#tools ul{
   margin:8px 0px 0px 0px;
   padding:0;
}

#tools ul li{
   list-style:none;
   background-position:0px 5px;
   background-repeat:no-repeat;
   padding:5px 5px 5px 20px;
}

#tools ul li a{
   text-decoration:none;
   position:relative;
}

#tools ul li a img {
   position:absolute;
   right:-30px;
   top:5px;
}

.arrowOrange li {
   background-image:url(../images/template/arrowOrange.gif);
}

.arrowGreen li {
   background-image:url(../images/template/arrowGreen.gif);
}

.arrowPurple li {
   background-image:url(../images/template/arrowPurple.gif);
}

.arrowBlue li {
   background-image:url(../images/template/arrowBlue.gif);
}

#whatisProjMan{
   background-image:url(../images/template/toolsProjMan.jpg);
   background-repeat:no-repeat;
   padding:40px 250px 10px 20px;
   width:402px;
   height:215px;
}

#whatisReqMan{
   background-image:url(../images/template/toolsReqMan.jpg);
   background-repeat:no-repeat;
   width:402px;
   height:215px;
   padding:40px 250px 10px 20px;
}

#whatisTestMan{
   background-image:url(../images/template/toolsTestMan.jpg);
   background-repeat:no-repeat;
   width:402px;
   height:215px;
   padding:40px 250px 10px 20px;
}

#whatisProductMan{
   background-image:url(../images/template/toolsProductMan.jpg);
   background-repeat:no-repeat;
   width:402px;
   height:215px;
   padding:40px 250px 10px 20px;
}

.toolsSelected a{
   font-weight:bold;
}

.doubleUl{
   float:left;
   width:218px;
   padding:10px 0px 0px 0px;
}

.doubleUl ul{
   padding:0;
}

#toolsProjMan .doubleUl li{
   list-style:none;
   background-image:url(../images/template/arrowOrange.gif);
   background-position:0px 5px;
   background-repeat:no-repeat;
   padding:5px 5px 5px 20px;
}

#toolsProjMan .doubleUl li a {
   position:relative;
}

#toolsProjMan .doubleUl li a img {
   position:absolute;
   right:-30px;
   top:5px;
}

#toolsReqMan .doubleUl li{
   list-style:none;
   background-image:url(../images/template/arrowGreen.gif);
   background-position:0px 5px;
   background-repeat:no-repeat;
   padding:5px 5px 5px 20px;
}

#toolsTestMan .doubleUl li{
   list-style:none;
   background-image:url(../images/template/arrowPurple.gif);
   background-position:0px 5px;
   background-repeat:no-repeat;
   padding:5px 5px 5px 20px;
}

#toolsProductMan .doubleUl li{
   list-style:none;
   background-image:url(../images/template/arrowBlue.gif);
   background-position:0px 5px;
   background-repeat:no-repeat;
   padding:5px 5px 5px 20px;
}

.doubleUl li a{
   text-decoration:none;
}

.doubleUl li a:hover {
   text-decoration:underline;
}

.twoColContainer{
   float:left;
}

.twoCol{
   float:left;
   width:300px;
   padding:0px 30px 0px 0px;
}

.twoColPricingLeft{
   float:left;
   width:350px;
   padding:0px;
}

.twoColPricingRight{
   float:left;
   width:335px;
   padding:0px 0px 0px 15px;
}

#twoColFullPageContainer{
   float:left;
}

#twoColFullPageLeft{
   float:left;
   width:330px;
   padding:0px 15px 0px 0px;
}

#twoColFullPageRight{
   float:left;
   width:315px;
   padding:0px 15px 0px 15px;
   margin:58px 0px 0px 0px;
   border-left:1px dashed #ccc;
}


#demoProjMan{
   background-image:url(../images/template/demoProjMan.jpg);
   background-repeat:no-repeat;
   width:130px;
   height:130px;
   padding:30px 8px 0px 160px;
   margin:30px 0px 0px 0px;
   font-size:1.1em;
   font-weight:bold;
}

#demoProjMan a{
   text-decoration:none;
   color:#f36e29;
   background-image:url(../images/template/arrowOrange.gif);
   background-position:0px 1px;
   background-repeat:no-repeat;
   padding:0px 0px 0px 16px;
}

.demoFreeBtn{
   background-image:url(../images/template/demoFreeTag.gif);
   background-repeat:no-repeat;
   height:100px;
   width:257px;
   margin:15px 0px 0px 0px;
}

#crateImage{
   padding:50px 0px 0px 15px;
}

.caption{
   font-size:0.9em;
}

#pricingWorksContainer{
   float:left;
   margin:20px 0px;
}

.pricingWorksCol{
   float:left;
   width:140px;
   padding:0px 15px;
   border-right:1px dashed #ccc;
}

.pricingWorksCol img{
   padding:0px 0px 0px 28px;
}

/*--------Who is using Psoda----------*/
#who_list {
   margin:0px;
   padding:0px;
}

#who_list li {
   list-style:none;
   float:left;
   width:200px;
   height:150px;
   text-align:center;
}

/*--------Release notes----------*/
.displaylist th {
   text-align:left;
   padding-left:5px;
   padding-right:5px;
}

.displaylist td {
   text-align:left;
   padding-left:5px;
   padding-right:5px;
}

/*--------Release notes----------*/
.release_notes_table th {
   text-align:left;
}

.release_notes_date_column {
   width:150px;
}

/*--------License modules----------*/
.license_table td {
   background:#ddb0b1;
}

.license_table th {
   background:#801517;
   color:white;
}

/*--------Screenshots----------*/
.screenshots {
   width:100%;
   height:100%;
   position:absolute;
   top:0px;
   left:0px;
   right:0px;
   bottom:0px;
   background-image:url(../images/screenshots_background.gif);
   border:2px solid red;
}

/*--------Navigation----------*/

#nav{
   padding:50px 0px 60px 0px;
}

#nav ul{
   margin:0;
   padding:0px 0px 0px 30px;
}

#nav ul li{
   list-style:none;
   background-image:url(../images/template/arrow.gif);
   background-position:0px 7px;
   background-repeat:no-repeat;
   padding:4px 0px 4px 13px;
}

#nav ul li a{
   text-decoration:none;
   color:#333;
   font-size:1.1em;
   font-weight:bold;
}

#nav ul li.selecteditem{
   background-image:url(../images/template/arrowSel.gif);
}

#nav ul li.selecteditem_subItems{
   background-image:url(../images/template/arrowDwn.gif);
   background-position:0px 9px;
}

#nav ul li.selecteditem a{
   color:#801517;
}

#nav ul li.selecteditem_subItems a{
   color:#801517;
}

#nav ul li.selecteditem_subItems ul{
   padding:2px 14px 0px 0px;
}

#nav ul li.selecteditem_subItems li{
   background-image:none;
   padding:6px 4px;
   padding-left:10px;
}

#nav ul li.selecteditem_subItems li a{
   color:#666;
   font-size:1em;
   font-weight:normal;
}

#nav ul li.selecteditem_subItems li.selecteditem{
   background-image:url(../images/template/arrowSel.gif);
   padding-left:10px;
}

#nav ul li.selecteditem_subItems li.selecteditem a {
   text-decoration:none;
   color:#333;
   font-size:1.1em;
   font-weight:bold;
}

/*-----------Feedback form--------------*/
.feedback_form {
   width:600px;
}

.feedback_form th {
   text-align:right;
}

/*-----------Form----------*/

input{
   margin:0;
   padding:0;
}

form{
   margin:0;
}

.form{
   float:left;
   padding:0px 0px 160px 20px;
}

.labelField{
   float:left;
   width:170px;
   padding:6px 0px;
   font-size:1.2em;
}

.inputField{
   float:left;
   width:300px;
   padding:6px 0px;
}

.labelFieldRadio{
   float:left;
   width:500px;
}

.inputFieldRadio{
   float:left;
   width:30px;
}

/*----------Search---------*/

.search{
   padding:0px 0px 0px 34px;
}

#searchTerms{
   width:135px;
}

#goSearch{
   padding:6px 0px 0px 101px;
}

/*----------Footer----------*/

#footer{
   font-size:0.9em;
   padding:40px 0px 20px 0px;
}

#footer a{
   text-decoration:none;
   color:#666;
}

.security{
   background-image:url(../images/template/lock.gif);
   background-position:0px 0px;
   background-repeat:no-repeat;
   padding:2px 0px 0px 15px;
}

.footer_left {
   float:left;
   width:40%;
}

.footer_right {
   float:right;
}

/*----------Text only----------*/
.textonly {
   position: absolute;
   top: -999px;
   z-index: 50;
   width: 1px;
   font-size: 1px;
   height: 1px;
   overflow: hidden;
   display: block;
   line-height: 0;
}