html {
    height:100%;
    margin:0px;
    padding:0px;
    /*font-size:14px;*/
}
body {
    height:100%;
    margin:0px;
    padding:0px;

}
form {
    height:100%;
    margin:0px;
    padding:0px;
    letter-spacing: 1px;
    font-family:'Open Sans', 'Arial';
}
.productsGradient {
    background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f2',GradientType=0 ); /* IE6-9 */

}
.productHeader {
    font-size:2.25em;
    text-align:center;
}
.productSubHeader {
    color: #9e9e9e;
    font-size: 1.15em;
    text-align: center;
    width: 200px;
}
.productLink {
    color:#9e9e9e;
    font-size:1em;
    text-align:center;
}
.productTBL {
    border: thin solid #bcbec0;
    width: 100%;
    height: 300px;
    border-collapse: collapse;

}
    .productTBL td{
        padding: 0px;
        background-color: #e6e7e8;
    }
        .productTBL td img {
            width:100%;
            border-spacing: 0px;
        }
.managersGradient {
  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */


}
.boilersGradient {
   background: rgb(230,231,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(230,231,232,1) 0%, rgba(241,241,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,231,232,1)), color-stop(100%,rgba(241,241,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(230,231,232,1) 0%,rgba(241,241,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(230,231,232,1) 0%,rgba(241,241,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(230,231,232,1) 0%,rgba(241,241,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(230,231,232,1) 0%,rgba(241,241,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e8', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */

}

.easyTitle {
    color:#444444;
    font-size:2.25em;
    text-align:center;
    margin-bottom: 10px;
}
.easySub {
    font-size:1em;
    color:#9e9e9e;
    text-align:center;
    padding-bottom:100px;
}
.easySub1 {
    font-size:1em;
    color:#444444;/*#9e9e9e*/
    text-align:center;
    /*line-height: 3em;*/
    margin-top:35px;
    font-weight: 600;
}
.easySub2 {
    font-size:1em;
    color:#6D6E71;
    text-align:center;
    margin-top:8px;
}
.wordingRight {
    text-align: justify;
    line-height: 2em;
    width: 85%;
    float: right;
    vertical-align:top;
    color:#6D6E71;/*696868;*/
}
.wordingLeft {
    text-align: justify;
    line-height: 2em;
    width: 85%;
    float: left;
    vertical-align:top;
    color:#6D6E71;/*696868;*/
}
.wordingRight2 {
    text-align: justify;
    line-height: 2em;
    float: right;
    vertical-align:top;
    color:#6D6E71;/*696868;*/
    padding:50px 0px 50px 50px;
}
.wordingLeft2 {
    text-align: justify;
    line-height: 2em;
    float: left;
    vertical-align:top;
    color:#6D6E71;/*696868;*/
    padding:50px 50px 50px 0px;
}
.tdRight2 {
    padding:50px 0px 50px 50px;
    width:50%;
    position:relative;
    text-align:center;
}
.tdLeft2 {
    padding:50px 50px 50px 0px;
    width:50%;
    position:relative;
    text-align:center;
}
#Technologies td{
    padding-bottom:100px;
}
.techTitle {
    position: absolute;
    font-weight: bold;
    font-size: 1.5em;
    top: -10px;
}
.iconsTD {
    vertical-align:top;
    padding:0px 15px 0px 0px;
}
    .iconsTD img {
        width:50px;
    }
.easyPointHead {
    color:black;
    font-size:1.6em;
}
.easyPointSub {
    color:#9e9e9e;
    padding-bottom: 75px;
    line-height: 1.5em;
}
    .easyPointSub span {
        width: 400px;
        display: block;
        text-align:justify;
    }
.boiler {
    text-align: right;
}
.boilerIconsTD {
    vertical-align:top;
    padding:0px 0px 0px 15px;
}
    .boilerIconsTD img {
        width:50px;
    }
.featuresTD {
    background-color:#f1f2f2;
    width: 33%;
    cursor:pointer;
    position:relative;
    border: 2px solid #D6D5D7;
}
    .featuresTD div {
        opacity:.8;
        background-color:rgb(150, 84, 84);
        width:100%;
        height:100%;
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        display:none;
    }
    .featuresTD span {
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        color: white;
        padding: 20px;
        text-align: justify;
        display:none;
        font-size:.9em;
    }
    .featuresTD table {
        width: 80%;
        margin: 10% auto;
    }
    .featuresTD table td:last-of-type {
        color: #6d6e71;
        font-size: 1.85em;
    }
    .featuresTD img {
        height:130px;
    }

    #banners {
  position:relative;
  margin:0px;
  padding:0px;
}

.outerDivs {
  /*position:absolute;*/
  top:0;
  left:0;
  border:none;
  width:100%;
  margin:0px;
  padding:0px;
}
.banners {
   
    margin:auto;
    width:100%;
    display:none;
       
      /*  
    width: 100%;
     position:absolute;
     top:0px;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    -webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    -moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    -o-transition:visibility 0s linear 0.5s,opacity 0.5s linear; */
}

    /*
    For "n" images You must define: (3)
    a=presentation time for one image (5)
    b=duration for cross fading (2)
    Total animation-duration is of course t=(a+b)*n (21)
    */

/* Percentage for keyframes:
        0%
        a/t*100%
        (a+b)/t*100% = 1/n*100%
        100%-(b/t*100%)
        100%
 */   

/* 2 Banners
    0% { opacity:1; }
    35% { opacity:1; }
    50% { opacity:0; }
    86% { opacity:0; }
    100% { opacity:1; }
*/
@-webkit-keyframes webkitFadeInOut {
     0% { opacity:1; }
    23% { opacity:1; }
    40% { opacity:0; }
    90% { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes oFadeInOut {
     0% { opacity:1; }
    23% { opacity:1; }
    40% { opacity:0; }
    90% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes mozFadeInOut {
     0% { opacity:1; }
    23% { opacity:1; }
    40% { opacity:0; }
    90% { opacity:0; }
    100% { opacity:1; }
}
@keyframes FadeInOut {
     0% { opacity:1; }
    23% { opacity:1; }
    40% { opacity:0; }
    90% { opacity:0; }
    100% { opacity:1; }
}
.dotTD {
    top:0;
    left:0;
    margin:0px;
    padding:0px; 
    position:absolute;

    -webkit-animation-name: webkitFadeInOut;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 21s;

    -o-animation-name: oFadeInOut;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 21s;

    -moz-animation-name: mozFadeInOut;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 21s;

    animation-name: FadeInOut;
    animation-iteration-count: infinite;
    animation-duration: 21s;
}
.dotTD img{
    padding-right: 10px;
    cursor:pointer;
    height: 20px;
    width: 20px;
    float:left; /*to solve problem of added space after each image*/
}
.dotTD:nth-of-type(1){
    -webkit-animation-delay: 14s;
    -moz-animation-delay: 14s;
    -o-animation-delay: 14s;
    animation-delay: 14s;
    z-index:30; /*for IE*/
}
.dotTD:nth-of-type(2){
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -o-animation-delay: 7s;
    animation-delay: 7s;
    z-index:31; /*for IE*/
}
.dotTD:nth-of-type(3){
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    z-index:32; /*for IE*/
}



.outerDivs {
    -webkit-animation-name: webkitFadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 21s;

    -moz-animation-name: mozFadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 21s;

    -o-animation-name: oFadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 21s;

    animation-name: FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 21s;
}
.outerDivs:nth-of-type(1) {
  animation-delay: 14s;
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
}
.outerDivs:nth-of-type(2) {
  animation-delay: 7s;
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
}
.outerDivs:nth-of-type(3) {
  animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
}

/*@keyframes FadeInOut {
      0% { opacity:1; }
      17% { opacity:1; }
      25% { opacity:0; }
      92% { opacity:0; }
      100% { opacity:1; }
}

.outerDivs {
    -webkit-animation-name: webkitFadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 28s;

    -moz-animation-name: webkitFadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 28s;

    -o-animation-name: webkitFadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 28s;

    -ms-animation-name: webkitFadeInOut;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-duration: 28s;
   
    animation-name: FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 28s;
}

.outerDivs:nth-of-type(1) {
  animation-delay: 21s;
  -webkit-animation-delay: 21s;
  -moz-animation-delay: 21s;
  -o-animation-delay: 21s;
}
.outerDivs:nth-of-type(2) {
  animation-delay: 14s;
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
}
.outerDivs:nth-of-type(3) {
  animation-delay: 7s;
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
}
.outerDivs:nth-of-type(4) {
  animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
}*/




/*#banners img {
    -webkit-animation-name: webkitFadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 20s;

    -moz-animation-name: webkitFadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 20s;

    -o-animation-name: webkitFadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 20s;
   
    animation-name: FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 20s;
}

#banners img:nth-of-type(1) {
  animation-delay: 15s;
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -o-animation-delay: 15s;
}
#banners img:nth-of-type(2) {
  animation-delay: 10s;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
}
#banners img:nth-of-type(3) {
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
}
#banners img:nth-of-type(4) {
  animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
}*/

.menu {
    margin: 15px auto;
    padding: 0px;
    min-width:500px;
    color: #5b5b5c;
    /*
        margin: 15px 0px 0px 0px;
    text-transform: uppercase;
    float: right;
    */
    letter-spacing: 1px;
    list-style: none;
}
    .menu > li {
        margin-right: 30px;
        font-size: 14px;
        cursor:pointer;
        position:relative;
        display:inline;
    }
    .menu li:last-of-type  {
        margin-right: 0px;
    }
    .menu li.selected {
        color:#D2232A;
    }
   
     .menu li.selectedNav {
        color:#D2232A;
    }
   
    .menu > li:hover {
        /*border-bottom:3px solid #be1e2d;*/
        color:#D2232A;
    }
        .menu li ul {
            display:none;
             position:absolute;
            padding: 0px;
            
            color:rgb(66, 66, 66);
            text-transform: uppercase;
            letter-spacing: 1px;
            list-style: none;
            background-color: rgb(229, 233, 237);
            z-index:99;
            width:160%;
            border: thin solid rgb(147, 147, 147);
        }
        .menu li:hover ul {
            display:block;
        }
        .menu li ul li {
            padding: 7px 0px 7px 10px;
            border-bottom: thin solid rgb(169, 169, 169);
        }
        .menu li ul li:hover {
       /* border-bottom:2px solid #be1e2d;
        color:#be1e2d;
        font-weight:bold;*/
        background-color: rgb(249, 250, 250);
    }
    .menu > li > a {
        text-decoration:none;
        color: inherit;
    }
    .menu > li > ul > li > a {
        text-decoration:none;
        color: inherit;
    }

.bottomMenu {
    margin: 15px auto;
    padding: 0px;
    min-width:500px;
    color: #5b5b5c;
    /*
        margin: 15px 0px 0px 0px;
    text-transform: uppercase;
    float: right;
    */
    letter-spacing: 1px;
    list-style: none;
}
    .bottomMenu > li {
        margin-right: 30px;
        font-size: 14px;
        cursor:pointer;
        position:relative;
        display:inline;
        color:white;
    }
    .bottomMenu li.selected {
        color:black;
    }
   
    .bottomMenu > li:hover {
        /*border-bottom:3px solid #be1e2d;*/
        color:black;
    }
        .bottomMenu li ul {
            display:none;
             position:absolute;
            padding: 0px;
            
            color:rgb(66, 66, 66);
            text-transform: uppercase;
            letter-spacing: 1px;
            list-style: none;
            background-color: rgb(229, 233, 237);
            z-index:99;
            width:160%;
            border: thin solid rgb(147, 147, 147);
        }
        .bottomMenu li:hover ul {
            display:block;
        }
        .bottomMenu li ul li {
            padding: 7px 0px 7px 10px;
            border-bottom: thin solid rgb(169, 169, 169);
        }
        .bottomMenu li ul li:hover {
       /* border-bottom:2px solid #be1e2d;
        color:#be1e2d;
        font-weight:bold;*/
        background-color: rgb(249, 250, 250);
    }
    .bottomMenu > li > a {
        text-decoration:none;
        color: inherit;
    }
    .bottomMenu > li > ul > li > a {
        text-decoration:none;
        color: inherit;
    }


.content {
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    display:none;
    height:100%;
}
#contentPlaceHolder {
    padding: 0px;
    height:100%;
    position:relative;
}
    #contentPlaceHolder > table {
        min-width:1000px;
    }
    #contentPlaceHolder > table.showing {
        display:table;
    }
    #contentPlaceHolder > table.notShowing {
        display:none;
    }
#contactBldg, #loginTBL, .proposalTBL, #caseStudiesTBL, #tutorialsTBL, #contactTBL, #Product1TBL, #Product2TBL, #Product3TBL, #Product4TBL, #Product5TBL {
    color: grey;
    width:85%;
    margin:auto;
}
    #contactBldg input[type=text], #loginTBL input[type=text], #loginTBL input[type=password], .proposalTBL input[type=text], #caseStudiesTBL input[type=text], #tutorialsTBL input[type=text], #contactTBL input[type=text]{
        width:90%;
        line-height:26px;
        font-size:1em;
    }
   /* .proposalTBL input[type=text] {
        margin-bottom: 20px;
    }
    */
    
.button {
    height: 35px;
    width: 115px;
    /*background-color: #d6d6d6;*/
    background-color:#B62533;
    color:white;
    border: none;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor:pointer;
}
#caseStudiesTBL td {
      text-align: center;
     /* cursor:pointer;*/
      vertical-align:middle;
}
#caseStudiesTBL div {
    margin: 10px;
}
#caseStudiesTBL img {
    width: 50px;
    cursor:pointer;
   
}
.caseStudiesInnerTBL {
    width: 92%;
    margin: auto;
    border-collapse:collapse;
}  
.caseStudiesInnerTBL div {
        font-variant: small-caps;
    }
  /*  .caseStudiesInnerTBL > tbody > tr {
       background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(226,232,244,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(226,232,244,1))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(226,232,244,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(226,232,244,1) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(226,232,244,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(226,232,244,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e8f4',GradientType=0 ); 

    }
    .caseStudiesInnerTBL > tbody > tr:hover {
       background: rgb(232,232,232); 
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 1%, rgba(226,232,244,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(232,232,232,1)), color-stop(100%,rgba(226,232,244,1))); 
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 1%,rgba(226,232,244,1) 100%); 
background: -o-linear-gradient(top,  rgba(232,232,232,1) 1%,rgba(226,232,244,1) 100%); 
background: -ms-linear-gradient(top,  rgba(232,232,232,1) 1%,rgba(226,232,244,1) 100%);
background: linear-gradient(to bottom,  rgba(232,232,232,1) 1%,rgba(226,232,244,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e2e8f4',GradientType=0 );



    }
  

.zoomed {
}
    .zoomed div {
        width: 800px !important;
        position: absolute !important;
        top: 0px !important;
        left: 50% !important;
        margin-left: -450px !important;
        z-index: 100 !important;
        border: 3px #E4EBF7 solid !important;
    }
    .zoomed span {
        float: right !important;
        background-color: #E4EBF7 !important;
        color: black !important;
        padding: 10px !important;
        cursor: pointer !important;
        position: absolute !important;
        right: -3px !important;
        top: 0px !important;
        font-weight: bold !important;
    }
    .zoomed img {
        height: 875px !important;
        width: 100% !important;
    }
.nonZoomed span {
    display:none;
}
.nonZoomed div {
     border: thin lightgray solid !important;
}
    .nonZoomed div:hover {
        background-color: #E4EBF7;
    }
.nonZoomed img {
    display: table-cell;
    margin: auto;
}*/

.requiredStar {
    color: red;
    position: relative;
    top: -6px;
    left: 5px;
}
.errorRequired {
    border:2px solid red;
}
.required {
    border: thin solid rgb(169,169,169);
}
.aboutWords {
    font-size: .9em;
    line-height: 1.55em;
    text-align: justify;
}
    .aboutWords p {
        margin-bottom: 2.2em;
    }
.zoom td{
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   transition: all 1s ease;
   width:13%;
}
.zoom td:hover {
   width:40%;
}
.gradient1 {
   background: #999999; /* Old browsers */
background: -moz-linear-gradient(top,  #999999 0%, #dadada 17%, #f2f2f2 34%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(17%,#dadada), color-stop(34%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #999999 0%,#dadada 17%,#f2f2f2 34%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #999999 0%,#dadada 17%,#f2f2f2 34%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #999999 0%,#dadada 17%,#f2f2f2 34%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #999999 0%,#dadada 17%,#f2f2f2 34%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.gradient2 {
    background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 64%, #dadada 82%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(64%,#f2f2f2), color-stop(82%,#dadada), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 64%,#dadada 82%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 64%,#dadada 82%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 64%,#dadada 82%,#999999 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 64%,#dadada 82%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=0 ); /* IE6-9 */

}
.wording {
    text-align: justify;
    line-height: 1.5em;
    vertical-align: top;
    color: #6D6E71;
    padding: 15px 25px;
}

.gradient4 {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #d3d3d3 50%, #d7d7d7 77%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#d3d3d3), color-stop(77%,#d7d7d7), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#d3d3d3 50%,#d7d7d7 77%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#d3d3d3 50%,#d7d7d7 77%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#d3d3d3 50%,#d7d7d7 77%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%,#d3d3d3 50%,#d7d7d7 77%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
/*.SolutionLabel:hover{
   background-color:#D9D9D9;
}
    .SolutionLabel  {
        background-color:#bb1a1e;
        color:white;
    }
    .SolutionLabel td {
        font-size:13px;
        text-align: center;
        height: 10%;
    }*/
.SolutionLabel {
    background-color: #bb1a1e;
    color: white;
    font-size: 15px;
    text-align: center;
    padding: 10px 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.waterBanner {
	position: fixed;
	z-index: 102;
	right: -600px;
	margin: auto;
	border: 2px solid white;
	top: 0;
	bottom: 0;
	width: 580px;
	height: 400px;
	transition: right 1s ease-in-out;
}