/*  Conventions:
    Div and Class names - first word lower case each additional word mixed case
    Exception - leave classes and div names as they are as they would be difficult to change.
    4/18/08 - changed some class and div names to match case standard.  Pages will break and need new div or class spelling.
*/
html {
     /* commented backslash hack \*/
     height:100%;
     /* end hack */
     width:100%;
     margin:0;
     padding:0;
/*    overflow: -moz-scrollbars-vertical;       /* Keeps vertical scroll bar always visible in Firefox.  
                                                  Prevents horizontal shifting between short and long pages. */
}
body {
     /* commented backslash hack \*/
     height:100%;
     /* end hack */
     min-height:100%;
     text-align:center;
     min-width:80%;
     margin:0;
     padding:0;
     background:#406580;
     background:#115681;
}
body#index a#index_link,
body#php a#php_link,
body#tools a#tools_link,
body#applications a#applications_link,
body#downloads a#downloads_link,
body#blog a#blog_link,
body#about a#about_link,
body#contact a#contact_link,
body#support a#support_link{
     text-decoration:none;
     color:white;
     font-weight:bold;
     background-color: #2175B5;
     margin:0;
     padding:0 .5em 0 .5em;
}
#bodyWrapper {
     position:relative;
     background-color:white;
     margin:0;
     margin-right:auto; /* center */
     margin-left:auto;  /* center */
     padding:0;
     width:59.1em;
     padding-bottom:1px;
     text-align:left;
     font-family:Arial, Helvetica, Verdana, sans-serif;
/*     border:1px solid black; */
}
/* img.logo and .tagline height, margins, padding, font size, and maybe bold work together.
   If change one, will have to adjust others.  */
.imgLogo {
     width:29.6%;
     float:left;
     margin:0 0 0 4%;
     padding:1% 0 1% 0
}    
.tagline {
     float:right;
     height:75px;
     width:60%;
     color:white;
     font-family:Arial, Helvetica, Verdana, sans-serif;
     font-weight:bold;
     font-size:1.5em;
     text-align:center;
     padding:4% 0 0 0;
 /*    background-image: url(images/TagBackground630x120.png)
*/
}
.divider {
     border-top:1px #D5D5D5 solid;
     width:100%;  
     margin:.15em 0 0 0; /* adds space above border */
     padding-top:.15em;  /* adds space below border */   
}
.textLeft {
     text-align:left;
}
.textRight {
     text-align:right;
}
.center {
     text-align:center;
}
.underline {
     text-decoration:underline;
}
.noBorder {
     border:0;
}
.bold {
     font-weight:bold;
}
.mainContainer {
     float:left;
     width:85%;
     margin:3% 0 1% 1%;
     font-family:Arial, Helvetica, Verdana, sans-serif;
}
.middleContainer {
     float:left;
     width:76%;
     margin:3% 0 1% 1%;
     font-family:Arial, Helvetica, Verdana, sans-serif;
}
.leftPanel {
     float:left;
     margin:1em 0 0 0;
     width:18%;
     padding:.5em;
     border:1px #D5D5D5 solid;
     border-left:0;
}
.rightPanel {
     float:right;
     margin:1em 0 0 0;
     width:15%;
     padding:.5em;
     border:1px #D5D5D5 solid;
     border-left:0;
}
.sampleApp {
     float:left;
     padding:0;
     margin:2% 0 0 2%;
}
.webEase {
     float:left;
     margin:2% 0 0 2%;
}
.standardFonts {
     font-family:Arial, Helvetica, Verdana, sans-serif;
}
.floatLeft {
     float:left;
}
.floatRight {
     float:right;
}
.leftTitle {
     font-weight:bold;
     font-size:.90em;
     margin-bottom:1em;
     color:#406580;
}
.noPadding {
     padding:0;
}
.noMargin {
     margin:0;
}
.standardMargins {
     margin:0 15% 1em 15%;
}     
.pt5embottom {
     margin-bottom:.5em;
}
.pt75em {
     font-size:.75em;
}
.pt90em {
     font-size:.90em;
}
.introText {
     float:left;
     margin:0 0 .25% 0;
     padding:0;
     font-size:.8em;
     font-family:Arial, Helvetica, Verdana, sans-serif;
     font-weight:bold;
}

table {
     border-collapse:collapse;
     margin:1em 0 0 1em;
}
td { 
/*     border:1px solid silver; */
     font-size:.8em;
}
.categoryHdg {
     font-weight:bold;
     font-size:.9em;
     color:white;
     padding:3% 0 3% 0;
     text-align:center;
     border-bottom:black 2px solid;
}
.saasCategoryHdg {
     font-weight:bold;
     font-size:.9em;
     color:white;
     padding:1% 0 1% 0;
     text-align:center;
     border-bottom:black 2px solid;
}
.productText {
     font-size:.75em;
}
.txt80 {
     font-size:.80em;
     margin:2% 4% 0 4%;
}
.productTxt ul {
     margin:2% 0 0 11%;
     padding:0;
     font-size:.955em;
}
.productTxt80 {
     font-size:.80em;
}
.productTxt80 ul{
     margin:4% 0 0 13%;
     padding:0;
}
.productTxt90 li{
     margin:2% 0 0 0;
}
.productTxt90 a {
     color:black;
}
a {
text-decoration:none;
color:blue;
font-weight:bold;
}
a:visited {
text-decoration:none;
color:purple;
font-weight:bold;
}
a:hover {
text-decoration:none;
color:blue;
font-weight:bold;
}
#footer {
     position:relative;
     top:1px;left:0;
     width:100%;
     text-align:center;
     background:#3D93CA;
     background:#013654;
     color:white;
     font-size:10pt;
     border-top:1px solid black;
     border-bottom:1px solid black;
     margin:0 0 0 -1px;
     padding:0 2px 2px 0;
}
/* Right Menu */
#navright_container {
     width:100%;
     float:right;
     background-color:#013654;
     border-top:1px solid black;
     border-bottom:1px solid black;
     color:white;
}
#navright {
     margin:0;
     padding:0;
}
#navright ul {
     float:right;
     margin:0;
     padding:0;
}
#navright ul li {
     display: inline;
}
#navright a {
     float:right;
     border-left: 1px white solid;
     text-decoration:none;
     font-weight:bold;
     font-size:.75em;
     color: white;
     padding:0 .5em 0 .5em;
     margin:0;
}
#navright a:hover {
     color: #234163;
     background: #BDDFF7;
     text-decoration:none;
     font-weight:bold;
}
/* Menu */
#navbar_container {
     width:100%;
     float:left;
     border-top:1px solid black;
     border-bottom:1px solid black;
     background-color:#013654;
}
#navbar {
     margin:0;
     padding:0;
}
#navbar li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
#navbar ul {
     float:left;
}
#navbar ul li {
     display: inline;
}
#navbar a {
     float:left;
     border-right: 1px white solid;
     text-decoration:none;
     font-weight:bold;
     font-size:.75em;
     color: white;
     padding:0 .5em 0 .5em;
     margin:0;
}
#navbar a:hover {
     color:#013654;
     background:#BDDFF7;
     text-decoration:none;
     font-weight:bold;
}
.leftBackground {
     float:left;
     width:100%;
     height:33px;
     margin:0;
     padding:0;
     background-repeat:no-repeat;
}


/* Blue Rounded Corners */
.raised {background: transparent; width:400px;}
.raised .ab1, .raised .ab2, .raised .ab3, .raised .ab4, .raised .ab1b, .raised .ab2b, .raised .ab3b, .raised .ab4b {display:block; overflow:hidden; font-size:1px;}
.raised .ab1, .raised .ab2, .raised .ab3, .raised .ab1b, .raised .ab2b, .raised .ab3b {height:1px;}
.raised .ab2 {background:#2175B5; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .ab3 {background:#2175B5; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .ab4 {background:#2175B5; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .ab4b {background:#BDDFF7; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .ab3b {background:#BDDFF7; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .ab2b {background:#BDDFF7; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .ab1 {margin:0 5px; background:#fff;}
.raised .ab2, .raised .ab2b {margin:0 3px; border-width:0 2px;}
.raised .ab3, .raised .ab3b {margin:0 2px;}
.raised .ab4, .raised .ab4b {height:2px; margin:0 1px;}
.raised .ab1b {margin:0 5px; background:#999;}
.raised .aboxcontent {display:block; background:#BDDFF7; border-left:1px solid #fff; border-right:1px solid #999;} 
/* End Blue Rounded Corners */

/* Green Rounded Corners */
.raised {background: transparent; width:400px;}
.raised .cb1, .raised .cb2, .raised .cb3, .raised .cb4, .raised .cb1b, .raised .cb2b, .raised .cb3b, .raised .cb4b {display:block; overflow:hidden; font-size:1px;}
.raised .cb1, .raised .cb2, .raised .cb3, .raised .cb1b, .raised .cb2b, .raised .cb3b {height:1px;}
.raised .cb2 {background:#18BA63; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .cb3 {background:#18BA63; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .cb4 {background:#18BA63; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .cb4b {background:#BDF7D6; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .cb3b {background:#BDF7D6; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .cb2b {background:#BDF7D6; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .cb1 {margin:0 5px; background:#fff;}
.raised .cb2, .raised .cb2b {margin:0 3px; border-width:0 2px;}
.raised .cb3, .raised .cb3b {margin:0 2px;}
.raised .cb4, .raised .cb4b {height:2px; margin:0 1px;}
.raised .cb1b {margin:0 5px; background:#999;}
.raised .cboxcontent {display:block; background:#BDF7D6; border-left:1px solid #fff; border-right:1px solid #999;} 
/* End Green Rounded Corners */

/* Orange Rounded Corners */
.raised {background: transparent; width:400px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#DE7129; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#DE7129; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#DE7129; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#FFD7C6; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .b3b {background:#FFD7C6; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .b2b {background:#FFD7C6; border-left:1px solid #FFE6CC; border-right:1px solid #999;}
.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;background:#FFD7C6; border-left:1px solid #fff; border-right:1px solid #999;} 
/* End Orange Rounded Corners */

/* Thumbnail picture expand with hover, display full picture on click */
/* code from:  http://www.godandscience.org/general/image_rollover.html */
.thumbnail {
/*     width:28%; */
     height:155px;
     margin: 0;
     text-align: center;
     background-repeat: no-repeat;
     background-position: 50% 50%;
}
#links a img {
     height: 0;
     width: 0;
     border-width: 0;
} 
#links a {
     outline:none;
}
#links a {
     display:block;
     padding-top: 110px;
     height:40px;
}
#links a:hover img {
  position: relative;
  top: -260px;
  left: -90px;
  height: 340px;
  width: 420px;
  border-width: 5px;
  border-color: #115681;
}