/* ##################################################################################################################### */

/* ELEMENTS */
body
{
    margin:0;
    padding:0 12px 12px 0;  
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    color:#000000;
    background-color: #FFFFFF /*#F2F2F2*/
}

img
{
    border:0;  
}

h1 /* TITLE */
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
h2 /* DESCRIPTION */
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
h3 /* HEADER */
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
h4 /* SUB HEADER */
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
h5 /* RESERVED FOR FUTURE USE */ 
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
h6 /* FOOTNOTE */
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
u /* remove subheader underlines */
{
    text-decoration: none;   
}    
/* ##################################################################################################################### */

/* Global Estimator */

.gipColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;   
}
.gipColor:hover
{
    background-color:#8ebebe;  
}
.gipColorActive
{
    background-color:#8ebebe; 
}
.gipTOC3Gradient
{
    background-image:url('/images/gipTOC3Gradient.jpg');  
}
.gipBodyLeft
{
    background-color:#fff;
}
.gipColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.gipColorSpacerActive
{
    background-color:#D7E4E8;
    border:1px solid #D7E4E8;   
}

/* Global Estimator ONLINE */

.gipoColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;       
}
.gipoColor:hover
{
    background-color:#fff099;
}
.gipoColorActive
{
    background-color:#fff099;  
}
.gipoTOC3Gradient
{
    background-image:url('/images/gipoTOC3Gradient.jpg');  
}
.gipoBodyLeft
{
    background-color:#fff;
}
.gipoColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.gipoColorSpacerActive
{
    background-color:#FFFBE4;
    border:1px solid #FFFBE4;   
}


/* PORTFOLIO IP ESTIMATOR */
.pipColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;  
}
.pipColor:hover
{
    background-color:#9fc6a1; 
}
.pipColorActive
{
    background-color:#9fc6a1;  
}
.pipTOC3Gradient
{
    background-image:url('/images/pipTOC3Gradient.jpg');   
}
.pipBodyLeft
{
    background-color:#fff;
}
.pipColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.pipColorSpacerActive
{
    background-color:#D3E5D4;
    border:1px solid #D3E5D4;   
}

/* DIRECTORY IP */
.dipColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;  
}
.dipColor:hover
{
    background-color:#9699b6;   
}
.dipColorActive
{
    background-color:#9699b6;   
}
.dipTOC3Gradient
{
    background-image:url('/images/dipTOC3Gradient.jpg');  
}
.dipBodyLeft
{
    background-color:#fff;
}
.dipColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.dipColorSpacerActive
{
    background-color:#ACAEC4;
    border:1px solid #ACAEC4;  
}

/*** CPR ***/
.cprColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;  
}
.cprColor:hover
{
    background-color:#DB6679;   
}
.cprColorActive
{
    background-color:#DB6679;   
}
.cprTOC3Gradient
{
    background-image:url('/images/cprTOC3Gradient.jpg');  
}
.cprBodyLeft
{
    background-color:#fff;
}
.cprAlternateRow
{
    background-color:#FFF0F0;
}
.cprColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.cprColorSpacerActive
{
    background-color:#DB6679;
    border:1px solid #DB6679;   
}


/* Portfolio Estimator - Online */
.spColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;  
}
.spColor:hover
{
    background-color:#4682B4;   
}
.spColorActive
{
    background-color:#4682B4;   
}
.spTOC3Gradient
{
    background-image:url('/images/spTOC3Gradient.png');  
}
.spBodyLeft
{
    background-color:#fff;
}
.spColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.spColorSpacerActive
{
    background-color:#4682B4;
    border:1px solid #4682B4;  
}

.spoColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;      
}
.spoColor:hover
{
    background-color:#4F94CD;   
}
.spoColorActive
{
    background-color:#4F94CD;   
}
.spoTOC3Gradient
{
    background-image:url('/images/spoTOC3Gradient.png');  
}
.spoBodyLeft
{
    background-color:#fff;
}
.spoColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.spoColorSpacerActive
{
    background-color:#4F94CD;
    border:1px solid #4F94CD;  
}


/* PORTFOLIO ESTIMATOR - TRADEMARKS */
.PETMColor
{
    background-color:#D9DEDA; 
    border:1px solid silver;
    border-top-style: hidden;
    border-right-style: solid 1px #000;
    border-bottom-style: solid;
    border-left-style: hidden;      
}
.PETMColor:hover
{
    background-color:#ff8000;   
}
.PETMColorActive
{
    background-color:#ff8000;   
}
.PETMTOC3Gradient
{
    background-image:url('/images/PETMTOC3Gradient.png');  
}
.PETMBodyLeft
{
    background-color:#fff;
}
.PETMColorSpacer
{
    background-color:transparent; 
    border:1px solid transparent;
}
.PETMColorSpacerActive
{
    background-color:#ff8000;
    border:1px solid #ff8000;  
}

/* ##################################################################################################################### */

/* BODY */
.bodyContainer
{
    width:1015px;
    border:1px solid #C0C0C0;
    background-color:#FFFFFF;
    height:100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color:transparent;   
}

/* BODY LEFT */
.bodyLeft
{
    width:185px;
    height:100%;
    border-right:1px solid #C0C0C0;   
}
.bodyLeftLogo
{
    width:100%;
    background-color:#FFFFFF;
}
.bodyLeftContainer
{
    text-align:center;
}
.bodyLeftMain
{
    width:185px; 
}
.bodyLeftSpacer1
{
    width:100%;
    height:21px;
    background-color:#FFFFFF;   
}
.bodyLeftSpacer2
{
    width:100%;
    height:15px;
    background-color:#FFFFFF;   
}
.bodyLeftSpacer3
{
    width:100%;
    height:15px;   
}
.bodyLeftSpacer4
{
    width:1px;
    height:12px;
}

/* BODY RIGHT */
.bodyRight
{
    width:840px;
}
.bodyRightContainer
{
    width:635px;
    position:relative;
    background-color:#FFFFFF;   
}
.bodyRightMainContainer1
{
    width:635px;
    height:auto;
    text-align:left;   
}
.bodyRightMainContainer2
{
    width:635px;
    text-align:left;   
}
.bodyRightMainContainerBlog
{
    width:800px;
    height:auto;
    text-align:left;   
}

H1, .bodyRightMainHeader
{
    display:inline-block;
    margin: 0 0 0 20px;
    font-family:'Source Sans Pro', sans-serif;
    font-size:22px;
    color:#000000;
    line-height:24px;
    font-weight:700;
    text-transform:uppercase;   
}
.bodyRightMainHeaderSection
{
    color:#ABABAB; /* #C9C7C7; */
}

.bodyRightMainHeaderSectionIcon
{
    position: absolute;
    top:200px;
    float:right;
}

.bodyRightMainHeaderSectionIcon2
{
    position: absolute;
    top:205px;
    float:right;
}

.bodyRightMainHeaderSectionIcon3
{
    position: absolute;
    top:245px;
    float:right;
}

.bodyRightMain
{
    height:auto;
    margin:0 20px 12px 20px;
    font-style:'Source Sans Pro', sans-serif;
    font-size:15px;
    color:#000000;
    font-weight:400;
    line-height:20px;   
}
.bodyRightMainSpacer1
{
    width:1px;
    height:27px;   
}
.bodyRightMainSpacer2
{
    width:1px;
    height:12px;   
}

/* HEADER */
.headerContainer
{
    width:100%;
    height:93px;   
}
.headerMain
{
    height:94px;
    background-color:#424242;
    position:relative;
    padding:0;
    margin:0;
    height:100%;   
}
.headerLogo
{
    position:absolute;
    padding:0;
    margin:0;
    width:150px;
    bottom:22px;
    left:32px;   
}
.headerTagline
{
    position:absolute;
    padding:0;
    margin:0;
    bottom:28px;
    left:275px;  
    text-align:left; 
}
.headerEmail
{
    position:absolute;
    padding:0;
    margin:0;
    top:49px;
    right:30px;       
}
.headerLinkedIn
{
    position:absolute;
    padding:0;
    margin:0;
    top:46px;
    right:65px;
}
.headerTwitter
{
    position:absolute;
    padding:0;
    margin:0;
    top:45px;
    right:100px;       
}
.headerFacebook
{
    position:absolute;
    padding:0;
    margin:0;
    top:45px;
    right:120px;   
}
.headerPhone
{
    position:absolute;
    padding:0;
    margin:0;
    top:45px;
    right:150px;   
}
.headerSpacer
{
    width:100%;
    height:11px;
    background-color:#FFFFFF;   
}

/* FOOTER */
.footerContainer
{
    background-color:transparent;
    background-color:#FFFFFF;
    padding:24px;
    width:auto;
    height:auto;
    text-align:center;
    border-top:1px solid #C0C0C0;   
}

/* TOC PRIMARY */
.tocPrimaryContainer
{
    margin:0 8px 0 8px;
    background-color:#FFFFFF;   
}
.tocPrimaryTable
{
    margin:0;
    padding:0;
    width:100%;   
}
.tocPrimaryTableColFirst
{
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    -khtml-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;   
}
.tocPrimaryTableSpacer
{
    width:22px;  
}
.tocPrimaryTableColLast
{
    width:100%;
    background-image:url('/images/navMiddle.png');
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    -khtml-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;   
}
.tocPrimaryTableColSpacer
{
    width:3px;   
}
.tocPrimaryTableColLastSpacer
{
   width:12px;
   height:1px;
}

/* TOC SECONDARY */
.tocSecondaryContainer
{
    width:800px;
    height:54px;
    background-color:transparent;  
    margin:0 0 0 7px;
}
.tocSecondaryFirst
{
    white-space:nowrap;
    vertical-align:middle;
    height:44px;
    line-height:73px;
    padding:0 5px 8px 5px;
    margin:0 5px 0 0;
}
.tocSecondaryMiddle
{
    white-space:nowrap;
    vertical-align:middle;
    height:44px;
    line-height:73px;
    padding:0 5px 8px 5px;
    margin:0 5px 0 0;
}
.tocSecondaryLast
{
    position:relative;
    padding:0 5px 8px 5px;
    margin:0 0 0 0;
    vertical-align:middle;
    height:44px;
    line-height:73px;
}
.tocSecondaryLastWidth
{
    width:100%;  
}
.tocSecondaryOffset
{
    height:4px;
}
.tocSecondaryEmail
{
    position:absolute;
    right:12px;
    bottom:6px;   
}

/* TOC TERTIARY */
.tocTertiaryContainer
{
    position:absolute;
    top:28px;
    left:20px;
    visibility:hidden;
    width:800px;
    padding:0 0 0 0;
    background-color:#FFFFFF;   
}
/* TOC TERTIARY 2 */
.tocTertiaryContainer2
{
    position:absolute;
    top:55px;
    left:20px;
    visibility:hidden;
    width:800px;
    padding:0 0 0 0;
    background-color:#FFFFFF;   
}
/* TOC TERTIARY 3 */
.tocTertiaryContainer3
{
    position:absolute;
    top:55px;
    left:20px;
    visibility:hidden;
    width:800px;
    padding:0 0 0 0;
    background-color:#FFFFFF;   
}
/* TOC TERTIARY 4 */
.tocTertiaryContainer4
{
    position:absolute;
    top:55px;
    left:20px;
    visibility:hidden;
    width:800px;
    padding:0 0 0 0;
    background-color:#FFFFFF;   
}
.tocTertiaryCell
{
    min-width:80px;   /* 166.6px */
}
.tocTertiaryGIP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/gipTOC3Gradient.jpg');
    background-size:100% 100%;   
}
.tocTertiaryGIPO
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/gipoTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocTertiaryPIP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/pipTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocTertiaryDIP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/dipTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocTertiaryCPR
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/cprTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocTertiarySP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/spTOC3Gradient.png');
    background-size:100% 100%;
}
.tocTertiarySPO
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/spoTOC3Gradient.png');
    background-size:100% 100%;
}

.tocTertiaryPETM
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:800px;
    background-image:url('/images/PETMTOC3Gradient.png');
    background-size:100% 100%;
}

.tocTertiarySpacer
{
    width:1px;
    height:77px;   
}

/* TOC QUATERNARY */
.tocQuaternaryContainer
{
    position:absolute;
    top:82px;
    left:20px;
    visibility:hidden;
    width:800px;
    padding:0 0 0 0;
    background-color:#FFFFFF;   
}
.tocQuaternaryContainer2
{
    position:absolute;
    top:105px;
    left:20px;
    visibility:hidden;
    width:800px;
    padding:0 0 0 0;
    background-color:#FFFFFF;   
}
.tocQuaternaryCell
{
    width:auto;   /* 166.6px */
}
.tocQuaternaryGIP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/gipTOC3Gradient.jpg');
    background-size:100% 100%;   
}
.tocQuaternaryGIPO
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/gipoTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocQuaternaryPIP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/pipTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocQuaternaryDIP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/dipTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocQuaternaryCPR
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/cprTOC3Gradient.jpg');
    background-size:100% 100%;
}
.tocQuaternarySP
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/spTOC3Gradient.png');
    background-size:100% 100%;
}
.tocQuaternarySPO
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/spoTOC3Gradient.png');
    background-size:100% 100%;
}
.tocQuaternaryPETM
{
    height:27px;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    background-image:url('/images/PETMTOC3Gradient.png');
    background-size:100% 100%;
}
.tocQuaternarySpacer
{
    width:1px;
    height:77px;   
}

/* TOC LOCATION */
.tocLocation
{
    height:20px;
    line-height:20px;
    margin:2px 4px 0 6px;
    text-align:left;
    font-family:'Source Sans Pro', sans-serif;
    font-size:12px;
    font-weight:400;
    text-transform:capitalize;
    color:#808080;  
}
.tocLocationLink
{
    text-decoration:none;
    color:#808080;     
}
.tocLocationLink:hover
{
    text-decoration:underline; 
}
.tocLocationSpacer
{
    width:10px;
    height:1px;   
}

/* ##################################################################################################################### */

/* SEARCH */
.searchButton
{
    cursor:pointer;
}
.searchTextbox
{
    width:100px;
    height:24px;
    border:0;
    background-image:url('/images/tocSearch_Middle.jpg');
    background-size:100% 26px;
    background-repeat:no-repeat;
    background-color:transparent;
    color:#FFFFFF;
    text-align:center;   
}

/* CONTACT */
.contactContainer3
{
    background-image:url('/images/contactMiddle.jpg');
    background-repeat:repeat-y;
    width:159px;
    height:auto;   
}
.contactHeader
{ 
    background-image:url('/images/contactTop.jpg');
    width:159px;
    height:35px;
}
.contactFooter
{
    background-image:url('/images/contactBottom.jpg');
    width:159px;
    height:18px;   
}
.contactName
{
    position:relative;
    overflow:hidden;
    white-space: nowrap;
    width:130px;
    height:21px;
    margin:0 8px 0 16px;
    background-color:#DDDEDE;
    text-align:left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #AFB1B1;   
}
.contactCompany
{
    position:relative;
    overflow:hidden;
    white-space: nowrap;
    width:130px;
    height:21px;
    margin:0 8px 0 16px;
    background-color:#DDDEDE;
    text-align:left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #AFB1B1;   
}
.contactTelephone
{
    position:relative;
    overflow:hidden;
    white-space: nowrap;
    width:130px;
    height:21px;
    margin:0 8px 0 16px;
    background-color:#DDDEDE;
    text-align:left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #AFB1B1;   
}
.contactEmail
{
    position:relative;
    overflow:hidden;
    white-space: nowrap;
    width:130px;
    height:21px;
    margin:0 8px 0 16px;
    background-color:#DDDEDE;
    text-align:left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #AFB1B1;   
}
.contactQuestion
{
    position:relative;
    width:130px;
    height:59px;
    margin:0 8px 0 16px;
    background-color:#DDDEDE;
    text-align:left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #AFB1B1;
    resize: vertical;   
}
.contactSubmit
{
    width:61px;
    height:24px;
    margin:0 8px 0 80px;
    border:1px solid #848484;
    cursor:pointer;   
}
.loginEstimate
{
    position:relative;
    text-align:center;
    width:149px;
    height:27px;
    left:14px;
    background-color:#ECE108;
    font-style:arial;
    font-size:10px;
    color:black;
    line-height:27px;
    letter-spacing:0.5px;
    text-transform:uppercase;   
    cursor:pointer;
}
.loginDirectory
{
    position:relative;
    text-align:center;
    width:149px;
    height:27px;
    left:14px;
    background-color:#C9CBE0;
    font-style:arial;
    font-size:10px;
    color:black;
    line-height:27px;
    letter-spacing:0.5px;
    text-transform:uppercase;   
    cursor:pointer;
}
.contactField
{
    position:relative;
    width:100px;
}
.contactField2
{
    position:absolute;
    left:0;
    top:1px;   
}
.contactSpacer1
{
    width:1px;
    height:40px;   
}
.contactSpacer2
{
    width:1px;
    height:7px;   
}
.contactSpacer3
{
    width:1px;
    height:17px;   
}
.contactSpacer4
{
    width:21px;
    height:1px;   
}
.contactSpacer5
{
    width:8px;
    height:1px;   
}
.contactSpacer6
{
    width:1px;
    height:10px;
}
.contactSpacer7
{
    width:3px;
    height:1px;   
}
.contactSpacer7
{
    width:1px;
    height:7px;   
}
.contactSpacer8
{
    width:1px;
    height:12px;   
}
.contactSpacer8a
{
    width:1px;
    height:42px;   
}


/* ##################################################################################################################### */

/* MISC */
.uppercase{
    text-transform:uppercase;
}
.hidden
{
    display:none;   
}
.resources-page ul
{
    margin-left: -20px;
}
.clear
{
    clear:both;
    margin-bottom: 10px;
}
.first /*applies to top page anchors on about us page*/
{
    margin-left: 7px;
}
/* ##################################################################################################################### */

/* FONTS */

/* font-family:  'Source Sans Pro', sans-serif; (SEE GOOGLE FONTS) */
/* font-weight:  200, 300, 400 (Normal), 600, 700, 900 */
/* text-shadow: 1px 1px 1px #aaa; */

.fontTagline
{
    font-family:'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;  
    word-spacing:0.08em;
}

.fontTOCSearch 
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:13.4px;
    font-weight:400;
    color:#FFFFFF;  
    text-align:center;
}
.fontTOC 
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:13.4px;
    font-weight:400;
    color:#FFFFFF;  
    text-align:center;
    line-height:35px;
    height:35px;
    cursor:pointer;
    background-image:url('/images/navMiddle.png')
}
.fontTOC:hover    
{
    height:33px;
    line-height:33px;
    background-image:none; 
    background-color:#707070;        
}
.fontTOCLink
{
    text-decoration:none; 
    color:#FFFFFF;  
}
.fontTOCRight:hover   
{
    margin:2px 0 0 0;
    background-color:#F2F26D;
    color:#646262;
    line-height:31px;
    -moz-border-radius:0 2px 2px 0;
    -webkit-border-radius:0 2px 2px 0;
    -khtml-border-radius:0 2px 2px 0;
    border-radius:0 2px 2px 0;           
}

.fontTOC2
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:12.5px; 
    font-weight:700;
    text-transform:capitalize;   
    text-align:center;
    cursor:pointer;    
    letter-spacing:0.02em;
    word-spacing:0.08em;
    text-align:left;
    text-decoration:none;
    color:#000000;
}
.fontTOC2:hover   
{
   text-decoration:none;
}
.fontTOC2Link
{
    text-decoration:none;
    color:#000000   
}
.fontTOC2Last
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:12px; 
    font-weight:400;
    text-transform:uppercase;   
    text-align:center;
    color:#000000;
    cursor:pointer;    
    letter-spacing:0.02em;
    word-spacing:0.08em;
    text-align:left;
    text-decoration:none;
}
.fontTOC2Last:hover   
{
   color:#999999;
   text-decoration:none;
}

.fontTOC3
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:13px;
    line-height:27px;
    font-weight:400; 
    text-transform:capitalize;  
    letter-spacing:0.25px; 
    white-space:nowrap;
    cursor:pointer;    
}
.fontTOC3Link
{
    text-decoration:none;
    color:#000000;   
}
.fontTOC4
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:11px;
    line-height:18px;
    font-weight:400; 
    text-transform:capitalize;  
    letter-spacing:0; 
    white-space:nowrap;
    cursor:pointer;    
}
.fontTOC4Link
{
    text-decoration:none;
    color:#000000;   
}

/* ##################################################################################################################### */

.tocQIPActive    
{
    height:33px;
    line-height:33px;
    background-image:none; 
    background-color:#707070;       
}

.tocGIPActive    
{
    background-color:#68B7C4;       
}

.tocGIPOActive    
{
    background-color:#E3DE50;       
}

.tocGIPO1Active    
{
    background-color:#E3DE50;       
}

.tocGIPO2Active    
{
    background-color:#E3DE50;       
}

.tocDIPActive    
{
    background-color:#A8ACC4;       
}

.tocDIP1Active    
{
    background-color:#A8ACC4;       
}

.tocPEActive    
{
    background-color:#71A371;       
}

.tocCPRActive    
{
    background-color:#D96B7E;       
}

.tocSPActive    
{
    background-color:#4682B4;       
}

.tocSPOActive    
{
    background-color:#4F94CD;       
}

.tocPETMActive    
{
    background-color:#ff8000;       
}

/* ##################################################################################################################### */

.gipTOC3
{

}
.gipTOC3Active
{
    background-color:#68B7C4; /*1B7E8E; /*D7E4E8;*/
}
.gipTOC3:hover   
{
    background-color:#68B7C4; /*D7E4E8;*/
}
.gipoTOC3
{
    
}
.gipoTOC3Active   
{
    background-color:#E3DE50; /*FFFBE4;*/
}
.gipoTOC3:hover   
{
    background-color:#E3DE50; /*B0AA0F; /*FFFBE4;*/
}
.pipTOC3
{

}
.pipTOC3:hover   
{
    background-color:#71A371; /*D3E5D4;*/
}
.dipTOC3
{

}
.dipTOC3:hover   
{
    background-color:#A8ACC4; /*8A8EAB; /*ACAEC4;*/
}
.cprTOC3
{

}
.cprTOC3:hover   
{
    background-color:#D96B7E; /*#B52D44; DB6679;*/
}

.cprTOC3
{

}
.cprTOC3:hover   
{
    background-color:#D96B7E; /*#B52D44; DB6679;*/
}

.spTOC3
{

}

.spTOC3:hover   
{
    background-color:#4682B4; 
}

.spoTOC3
{

}

.spoTOC3:hover   
{
    background-color:#4F94CD; 
}

.spoTOC3:active   
{
    background-color:#4F94CD;
}

.PETMTOC3
{

}

.PETMTOC3:hover   
{
    background-color:#ff8000; 
}

/* ##################################################################################################################### */

.fontHeaderLeft
{
    font-family:  'Source Sans Pro', sans-serif;
    font-weight:700;
    font-size:14px;
    color:#000000;     
}
.fontBodySectionLinkHeader
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:21px;
    color:#404040;    
    text-transform:uppercase;
}
.fontBodySectionLink
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    color:#087b7b;    
}
.fontBodySectionLink:hover
{
    color:#096F8C; 
    cursor:pointer;  
    text-decoration:underline; 
}
.fontBodyLeft
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    color:#000000;  
}
.fontBodyLeftLink
{  
    text-decoration: none;
    color: #087b7b;
}

.fontBodyLeftLink:hover
{ 
    text-decoration:underline;
    color:  #096f8c;
}
.fontNavSecondary
{
    padding:0 24px 0 24px;  
    font-family:  'Source Sans Pro', sans-serif;
    font-size:13px;
    font-weight:400;
    color:#000000; 
}
.fontFooter
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:12px;
    line-height:24px;
    font-weight:400; 
    text-transform:none;  
    letter-spacing:0; 
    color:#808080;
}
.fontFooterLink
{
    text-decoration:none;
    color:#808080;
}
.fontFooterLink:hover
{
    text-decoration:underline;
}
.fontContactHeader
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:12px;
    line-height:35px;
    font-weight:400; 
    text-transform:uppercase;  
    letter-spacing:0; 
    text-align:center;
    
}
.fontContactField
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:11px;
    line-height:21px;
    font-weight:400; 
    text-transform:none;  
    letter-spacing:0; 
    vertical-align:top;
    overflow:hidden;
    white-space: nowrap;
}
.fontContactField3
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:11px;
    font-weight:400; 
    text-transform:none;  
    letter-spacing:0; 
    vertical-align:top;
    overflow:hidden;
}
.fontContactField2
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:11px;
    line-height:11px;
    font-weight:400; 
    text-transform:none;  
    letter-spacing:0; 
    vertical-align:top;
    text-align:left;
}
.fontContactSubmit
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:14px;
    line-height:24px;
    font-weight:400; 
    text-transform:uppercase;  
    letter-spacing:0; 
    text-align:center;
}

/* ##################################################################################################################### */

.adTitle
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:11px;
    line-height:11px;
    font-weight:400; 
    text-transform:uppercase;  
    letter-spacing:0; 
    text-align:left;
}

.adHeadline
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:14px;
    line-height:14px;
    font-weight:700; 
    text-transform:none;  
    letter-spacing:0; 
    text-align:left;
    color:#000000;
}

.adDark
{
    font-family:  Verdana, Geneva, sans-serif;
    font-size:11px;
    line-height:18px;
    font-weight:400; 
    text-transform:none;  
    font-style:italic; 
    text-align:left;
    color:#424242;
}

.adLight
{
    font-family:  Verdana, Geneva, sans-serif;
    font-size:11px;
    line-height:18px;
    font-weight:400; 
    text-transform:none;  
    font-style:italic; 
    text-align:left;
    color:#087b7b;
}

.adLightLink
{
    text-decoration: none;
    color:#087b7b;
}

.adLightLink:hover
{ 
    text-decoration:underline;
    color:  #096f8c;
}

.adQuote
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
    font-weight:400;  
    font-style:none;
    letter-spacing:1px;
    word-spacing:2px; 
    text-align:left;
    color:#6E6E6E;
}

.adAuthor
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:12px;
    font-weight:400;  
    letter-spacing:0; 
    text-align:left;
    color:#454545;
}

.adBannerDark
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:11px;
    line-height:26px;
    font-weight:700; 
    text-transform:uppercase;  
    letter-spacing:0; 
    text-align:left;
    color:#454545;
}
.adBannerDark:hover
{
    text-decoration:none;
}

.adBannerLight
{
    font-family:  'Source Sans Pro', sans-serif;
    font-size:14px;
    line-height:24px;
    font-weight:400; 
    text-transform:uppercase;  
    letter-spacing:0; 
    text-align:center;
}

.hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
}

/* ##################################################################################################################### */

.message
{
    position:fixed;
    bottom: 12px;
    left:12px;
    padding:18px 30px 18px 18px;
    min-height:75px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;   
    
    color:#FFFFFF;
    background-color:#000000;
    
    opacity: 0.85;
    visibility:visible;
    display:none;
    z-index:2147483647;
    
    font-size:14px;
}

.emergency
{
    position:fixed;
    top: 12px;
    left:12px;
    padding:18px 30px 18px 18px;
    min-height:150px;
    min-width:300px;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;  
    border:4px solid #000000; 
    
    color:#FFFFFF;
    background-color:#F5EE33;
    
    opacity: 0.8;
    visibility:visible;
    z-index:2147483647;
    
    font-size:24px;
}

.messageIcon
{
    display:inline-block;
    visibility:visible;
    vertical-align:top;
    margin:0 18px 0 0;
}

.messageSpan
{
    display:inline-block;
    width:225px;
    color:#FFFFFF;
}

.messageClose
{
   position:absolute;
   visibility:visible;
   top:1px;
   right:6px;
   color:#FFFFFF;
   cursor:pointer;
   font-size:12px;
}

.emergencyIcon
{
    display:inline-block;
    visibility:visible;
    vertical-align:top;
    margin:0 18px 0 0;
}

.emergencySpan
{
    display:inline-block;
    width:224px;
    color:#FF3333;
}

.emergencyClose
{
   position:absolute;
   visibility:visible;
   top:1px;
   right:6px;
   color:#000000;
   cursor:pointer;
   font-size:24px;
}

.loading
{
    display:none;
    position:relative;
    background-color:transparent;
    border:0 solid #CCCCCC;
    padding:24px;
    width:100px;
    height:100px;   
    z-index:2147483647;
}
.contactform
{
    display:none;
    position:relative;
    background-color:white;
    border:1px solid #CCCCCC;
    padding:24px;
    width:450px;
    height:370px;   
    z-index:2147483647;
}
.legacyform
{
    display:none;
    position:relative;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:24px;
    width:450px;
    height:300px;   
    z-index:2147483647;
}

/* ##################################################################################################################### */

H2, .bodyHeader
{
    font-weight:700;
    text-transform:uppercase;
    font-size:18px;
    margin-bottom: 20px;
}

.bodyPhoto
{
    border:1px solid #000000;
    width:300px;
    height:177px;
    float:left;
    margin:0 20px 20px 0;
}
.bodyPhotoAbout
{
    border:1px solid #707070;
    width:150px;
    height:177px;
    margin-bottom: 10px;
}
.bodyPhotoTagline
{
    font-weight:bold;
    font-size:16px;
}
.bodyPhotoCaption
{
    font-style:italic;
    font-size:12px;
}
.profile-pic
{
    text-align: center;  
    font-weight:bold;
    font-size:16px;
    background-color: #ffffff;
    border: 1px solid #D3E5D4;
    width: 170px; 
    min-height: 197px;
    float: left;
    padding: 20px 10px 10px 10px;
    margin: 0 12px 0 0;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(173,173,173,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(173,173,173,1);
    box-shadow: 1px 1px 3px 0px rgba(173,173,173,1);
}
.about-us-top-anchors 
{
    margin-bottom: 10px;
}
.profile-description
{
    margin-bottom: 30px;
    border-bottom: 1px double #D3E5D4;
    padding-bottom: 20px;
}
.bodyPhotoSpacer1
{
    width:1px;
    height:6px;   
}

.bodySpacer1
{
    width:1px;
    height:42px;
}
.bodySpacer2
{
    width:1px;
    height:4px;
}
.bodySpacer3
{
    width:1px;
    height:36px;
}
.bodySpacer4
{
    width:1px;
    height:12px;
}
.bodySpacer5
{
    width:1px;
    height:12px;   
}

/* ##################################################################################################################### */

.section1
{
    position:relative; 
    padding:0 0 24px 0;
    margin:0 0 0 0;
}
.section2
{
    position:relative; 
    padding:0 0 24px 0;
    margin:0 0 0 24px;
}
.section3
{
    position:relative; 
    padding:0 0 24px 0;
    margin:0px;
    width:600px;
}
.sectionHeader
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#000000;
    padding:0 0 12px 0;
}
.sectionItem
{
    cursor:pointer;
    width:600px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    font-weight:normal;
    color:#087b7b;
    padding:0 0 4px 0px;
    letter-spacing:0.25px;
    text-decoration:none;
}

.sectionItem:hover
{
    color:#096f8c;
    text-decoration: underline;
}
.sectionDescription
{
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    color:#000000;
    margin:4px 0 12px 0px;
    padding:12px 12px 12px 12px;
    background-color:#F0F0F0;
}
#section1a, #section1b, #section1c, #section1d, #section1e 
{
  width:590px;
}
#section2a, #section2b, #section2c, #section2d, #section2e, #section2f, #section2g, #section2h, #section2i, #section3a, #section3b, #section3c, #section3d, #section3e, #section4a, #section4b, #section4c, #section5a, #section5b, #section5c, #section6a, #section6b, #section6c, #section6d, #section6e, #section6f, #section6g, #section6h, #section6i 
{
  width:600px;
}
/* ##################################################################################################################### */

/*
ui-dialog:              Main container of whole thing
ui-dialog-title:        This is where the title actually appears
ui-dialog-titlebar:     Area where title of dialog would be if exist
ui-dialog-content:      Area where your div is actually loaded
ui-resizable-handle:    These divs are used to resize the dialog but are usually invisble according to your setup 
ui-dialog-buttonpane:   Here is where buttons would go if exist
ui-dialog-buttonset:    This is where the buttons actually appear

.ui-dialog {  }
.ui-dialog .ui-dialog-titlebar {  }
.ui-dialog .ui-dialog-title {  } 
.ui-dialog .ui-dialog-titlebar-close {  }
.ui-dialog .ui-dialog-titlebar-close span {  }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {  }
.ui-dialog .ui-dialog-content {  }
.ui-dialog .ui-dialog-buttonpane {  }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {  }
.ui-dialog .ui-dialog-buttonpane button {  }
.ui-dialog .ui-resizable-se {  }
.ui-draggable .ui-dialog-titlebar { } 
*/

.dialogClose
{
    position:absolute;
    top:2px;
    right:0px;
    z-index:2147483647;
    border:none;
    background:none;
}

.ui-dialog
{
    background:#ffffff;
    overflow:hidden;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.ui-dialog .ui-dialog-content
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    overflow:hidden;
}

.ui-dialog-title 
{
    position:absolute;
    top:6px;
    left:0;
    color:#000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:22px;
    font-weight:700;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width:100%;
}
.ui-dialog-titlebar  
{
    position:absolute;
    height: 26px; 
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:none;
    background:none;
}
.ui-dialog-titlebar-close
{
    width:26px;
    height:26px;
    border:none;
    background-image:none;
}
.ui-dialog-titlebar .ui-button 
{
    position:absolute;
    top:17px;
    right:0;
    padding: 0 0 0 0;
    margin:0 0 0 0;
    border:none;
    background:none;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
    background-position: -80px -224px;
}

/* ##################################################################################################################### */

.ui-widget-content {
    font-size:18px;
    font-family:arial;
    margin:0 0 0 0;
    padding:0 0 0 0;
    vertical-align:middle;
    line-height:26px;
    border:none;
}
.ui-widget-content a {
    color: #087b7b;
}
.ui-widget-header {
    border:none;
    background:#ffffff;
    border-bottom:1px solid #B0AEAE;
    border-radius:0;
    margin:0 21px 10px 21px;
    padding:0 0 0 0;
    padding-bottom: 30px !important;
}
.ui-widget-overlay
{
    background:#000000;
    opacity: 0.75;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	font-weight: normal;
	color: #000000;
	width:742px;
	background:none;
	border:none;
	outline: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000000;
	text-decoration: none;
	background:none;
	border:none;
	outline: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default 
{
    position:absolute;
    top:7px;
    right:0;
	font-weight: normal;
	color: #000000;
	width:742px;
	width:26px;
	height:26px;
	background:none;
	border:none;
	outline: none;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #000000;
	text-decoration: none;
	background:none;
	border:none;
	outline: none;
}

/* ##################################################################################################################### */

.MainProductTabs
{
    padding: 10 5px 5px 0px;
    margin-left:-5px;
    margin-top:10px;
    width:195px;
}

.tocMainProductTab
{
    white-space:nowrap;
    vertical-align:middle;
    height:35px;
    width:190px; 
    line-height:43px;
    padding:0 5px 1px 5px;
    margin:0 5px 0 0;
}

/* Veera 160907 - Case#431: QIP Website Enhancements */
/* ################################### Drop Down Menu ################################### */
/* Dropdown Menu */
.dropbtn {
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    /*display: inline-block;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position:absolute;
    z-index: 99999;
    background-color: #f9f9f9;
    min-width: 88px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
    background-color: #f1f1f1;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

/* ################################### Drop Down Menu ################################### */
/* Veera 160907 - Case#431: QIP Website Enhancements */

/* Veera 161005 - Case#479: Implement new tab navigation menu */
/* ################################### Navigation Menu (START) ################################### */

.nav { display: block }

.nav blockquote, q { quotes: none }

.nav blockquote:before, .nav blockquote:after, .nav q:before, .nav q:after {
  content: '';
  content: none
}

.nav a { text-decoration: none; }

/** * Styling navigation */
.nav header {
  margin-right: auto;
  margin-left: auto;
  max-width: 22.5rem;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
}

/** * Styling top level items */
.nav a, .nav label {
  display: block;
  padding: .50rem;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.nav label { cursor: pointer; }

.nav ol, .nav ul  
{
    list-style: none; 
    padding:0px;
   }
   
.nav li { padding:0px;}

/** * Styling first level lists items */
.nav-group-list a, .nav-group-list label {
  padding-left: 1.5rem;
}

.nav-group-list a:focus, .nav-group-list a:hover, .nav-group-list label:focus, .nav-group-list label:hover { /*background: #131313;*/ }

/** * Styling second level list items */
.nav-sub-group-list a, .nav-sub-group-list label {
  padding-left: 4rem;
}

.nav-sub-group-list a:focus, .nav-sub-group-list a:hover, .nav-sub-group-list label:focus, .nav-sub-group-list label:hover { /*background: #232323; */}

/** * Styling third level list items */
.nav-sub-sub-group-list a, .nav-sub-sub-group-list label {
  padding-left: 6rem;
}

.nav-sub-sub-group-list a:focus, .nav-sub-sub-group-list a:hover, .nav-sub-sub-group-list label:focus, .nav-sub-sub-group-list label:hover { /*background: #333333; */}

/** * Hide nested lists */
.nav-group-list, .nav-sub-group-list, .nav-sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

.nav__list input[type=checkbox] { display:none; }

/** * Rotating chevron icon */
.nav label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ################################### Navigation Menu (END)   ################################### */
/* Veera 161005 - Case#479: Implement new tab navigation menu */

/* HOME PAGE PRODUCT LINKS */
.homepageproductsquarelink {
    padding-top:10px; 
    padding-bottom:10px; 
    padding-right:10px; 
    width:600px;
    height:100px; 
    background-color:#fff;
    border-style: solid;
    border-width: 1px;
}

.homepageproductsquarelink p {
    font-size:14px;
    margin-top:7px;
    width:580px;
} 

.homepageproductsarrow {
    border-width: 0px;
    left:480px;
    top:-60px;
    width:15px;
    height:23px;
    position:relative;
} 

.homepageproductslogo {
    border-width: 0px;
    float:left; 
    margin-top:-22px; 
    margin-left:-17px;
    margin-right:-20px;
    width:140px; 
    height:140px;
    position: relative;
}
/* HOME PAGE PRODUCT LINKS */

.spoTOC4
{
    padding:2px 0 2px 0;
}

.spoTOC4:hover   
{
    background-color:#4F94CD; 
}

.spoTocQuaternaryContainer2
{
    position: absolute;
    top: 80px;
    left: 20px;
    visibility: hidden;
    width: 800px;
    padding: 0;
    background-color: #FFF;
}

.tocSPO1Active
{
    background-color:#4F94CD;
}

.spo_messageerror
{
    position:fixed;
    bottom: 12px;
    right:12px;
    padding:18px 30px 18px 18px;
    min-height:75px;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;   
    
    color:#FFFFFF;
    background-color:#000000;
    
    opacity: 0.8;
    visibility:visible;
    display:none;
    z-index:2147483647;
    
    font-size:14px;
}

.invalid
{
    background-color:#fff1f1;
}

.isdirty
{
    background-color:#f7fff1;
}

.none
{
    background-color:transparent;
}

/* GridView Styles */
.gvscroll
{
    overflow-x: hidden; 
    overflow-y: scroll;
    border: 1px solid #999;
}

.gvaqxpager span {
    background-color: var(--aqxlightpurple);
    padding: 2px 4px;
}

.gvpager
{
    border-top: 4px double #666666;
    color: #333333;
}
.gvpager table
{
    border-spacing: 0px;
}
.gvpager td
{
    padding: 1px 0px 1px 0px;
    vertical-align: middle;
}
.gvpager span
{
    border: 1px solid #333333;
    background-color: #9fc6a1;
    padding-left: 5px;
    padding-right: 5px;
}
.gvpager a
{
    border: 1px solid #333333;
    background-color: White;
    color: #087b7b;
    padding-left: 5px;
    padding-right: 5px;
}

.gvheader
{
    position: absolute;
    margin: -25px 0 0 -5px;
    background-color: #666;
    color: White;
    font-weight: bold;
    z-index: 1;
}

.gvheader a:link, .gvheader a:visited
{
    background-color: #666;
    color: White;
    font-weight: bold;
}

.gvheader a:hover
{
    background-color: #666;
    color: rgba(229, 229, 229, 1);
    font-weight: bold;
}

.gvheader a:active
{
    background-color: #666;
    color: #9fc6a1;
    font-weight: bold;
}

.gvcellnowrap
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.gvselect
{
    cursor: pointer;
}

.gvselect tr:hover td
{
    background-color:LightYellow;
}

.gvselect tr td.selected
{
    background-color:#A1DCF2;
}

.gvselect tr:hover td.selected
{
    background-color:#A1DCF2;
}

.sorticon {
    /*font-family: Webdings;*/
    font-size: small;
    color: rgba(124, 111, 238);
    /*float: left;*/
    padding-left: 5px;
}
/* GridView Styles */