﻿*
{
    padding: 0px;
    margin: 0px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}

/***** FONT AWESOME EXTRA SIZES *****/
.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-15x {
    font-size: 15em;
}

/****BACKGROUNDS******/
.GreenBackground {background-color:#a6ce37;}
.WhiteBackground {background-color:#EAEAEA;}
.pure-white {background-color:#FFFFFF;}
.master_Menu_Gray_Background {background-color: #a7a7a7;}
.grayColor {background-color: #a7a7a7;}
.orangeBack { background:#FAA22C; }
.blackBack { background-color:black; }
.black-border { border: 1px solid black }
/*******************/
/**HEIGHT AND WIDTH***/
.heightInherit {height:inherit;}
.heightAuto {height:auto;}
.height40 {height:770px;}
.height10 {height:10px;}
.height60 {height:60px;}
.height100{height:100px;}
.width100 {width:100px;}
.height125 {height:125px;}
.height100 {height:100px;}
.h50p {height:50%;}
.h100p {height:100%;}
.widthInherit {width:inherit;}
.width { width:1024px; }
.width100 { width:100px; }
.width200 { width:200px; }
.width400 { width:400px; }
.width420 { width:420px; }
.width500 { width:500px; }
.width520 { width:520px; }
.w1024{width:1024px;}
.w100p {width:100%;}
.w50p {width:50%;}
.maxw100p {max-width:100%;}
.center-x { text-align:center;}
.center-y { vertical-align:middle;}
.fit-row { width: 100%; }
.blue-bottom {
    border-bottom: solid 2px #031c46;
}
/*******Spacing*******/
.no-padding{padding:0!important;}
.padTop5{padding-top:5px;}
.padTop15{padding-top:15px;}
.padTop25{padding-top:25px;}
.padBottom5{padding-bottom:5px;}
.padRight0 {padding-right:0;}
.padLeft0 {padding-left:0;}
.padding5 {padding:5px;}
.padding15{padding:15px;}
.margin0 {margin:0;}
.margin5 {margin:5px;}
.margin25 {margin:25px;}
.marginBottom0 {margin-bottom:0!important;}
.marginTop25 {margin-top:25px;}
.marginAuto{margin:auto;}
.mleftrightauto
{
    margin-left:auto;
    margin-right:auto;
}
.marginLeft20{margin-left:20px;}
.lHeight80{line-height:80px;}
.noPadLeft{padding-left:0!important;}
.floatLeft {float:left;}
.floatRight{float:right;}
.floatNone{float:none;}
/*******FONT*********/
.fontSize1em {font-size:1em;}
.fontSize32 {font-size:32px;}
.fontSize24 {font-size:24px;}
.fontSize20 {font-size:20px;}
.fontSize16 {font-size:16px;}
.fontSize12 {font-size:12px;}
.fontSize10 {font-size:10px;}
.font14px {font-size:14px}
.fontBold {font-weight:bold;}
.bold { font-weight:bold; }
.error { color:red; font-size:.8em; font-weight:bold; }
.italicized{font-style:italic}
.textCondensed {font-stretch:extra-condensed;}
.textAlignCent {text-align:center;}
.textDecorNone { text-decoration: none;}
.borderNone{border:none;}
/*****SHAPES********/
.squareCorners {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-style:none;}
/* Text Color Properties */
.blue { color:#0d5085; }
/*.orange { color:#FAA22C; }
.turq { color:#00a79d; }*/
.orange { color:black; }
.turq { color:black; }
.ltGreen {
    color: #36454F;
    font-weight: bold;
}
.WhiteFont {color:white}
.greyFont {color: #474747}
.ltGray {color: #b6b7ba}
.borderRadius25 {border-radius:25%;}
/*********MISC************/
.hoverhand { cursor: pointer; }
.borderBottom { border-bottom:2px #a7a7a7 solid;}
.displayNone {display:none;}
.displayInline {display:inline;}
.hidden {visibility:hidden;}
/*************************/
.CPH1height
{
    min-height:500px;
}

.PageBreak
{
    color:black;
}
/*****************LOGON*****************/
.textbox-icon {
    border: none!important;
    background-color: #FFFFFF;
    color: #C1C1C1;
    padding-right: 0;
    padding-left: 7px;
}

.special-textbox {
    height: 48px;
    font-size: 20px;
    border: none!important;
    padding-left: 3px;
}

.special-textbox:focus {
    box-shadow: none;
    border: 1px solid #faa527!important;
    border-left: none!important;
}

.icon-border {
    border: 1px solid #faa527!important;
    border-right: none!important;
}

.loginLink, .loginLink:link, .loginLink:visited { 
    color: white;
    text-decoration:none;
}

.loginLink:hover {
    text-decoration: underline;
}

.login-btn {
    line-height: 1!important;
}

.logonContainer {
    background: -webkit-linear-gradient(#D22630, #36454F) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D22630, #36454F) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D22630, #36454F) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D22630, #36454F) !important; /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D22630', endColorstr='#36454F') !important; /*For IE*/
}
#logonThumb
{
    width:13%;
}
#logonLogo
{
    width:100%;
}
.logon-textbox{
    padding: 0 10px 0 10px;
}
/***************************************/
/****************PAGES******************/
#content { margin-top:5px; width:100%;}
/*#content { width:650px; padding-right:40px; }   OLD      */
.tableContainer td { padding-left:10px; padding-right:10px; font-size:.9em; }
.comments { width:380px; height:60px; resize:none; vertical-align:top; }
.textbox { width:100%; }
.textbox125 {width:125%;}
.bigtextbox { width:335px; }
p.gridTtl {font: 12px Arial; color:#ffffff; margin: 6px 4px 6px 4px; text-align:center;}
tr.labels 
{
    background: #D22630;
}
tr.labels td { border-right: 1px solid #ffffff;}
tr.data td {border-right: 1px solid #F3F2EA; border-bottom: 1px solid #171D7D}
tr.data p {font: 11px Arial; margin: 2px; }
.jttable { border-color:White; border-width:1px; border-style:solid; padding-top:1px;
            padding-bottom:1px; padding-right:3px; padding-left:3px; }
.dropdown { border-style:solid; border-color:Black; border-width:1px; background-color:#EEEEEE; }
.errorPage { height: 500px; padding-left:20px; background-image:url('../images/404.jpg'); }
.literalPadding
{
    padding-top:10px;
    margin-top:10px;
}
/***************************************/
/*Page Layout Div's*/
body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    background-color: #36454F;
}

p
{
    padding: 0px;
    margin: 0px;
}

th
{
    font-weight: normal;
}

.generalBtn:focus {
    box-shadow: none;
    outline: none;
}

.table>tbody>tr>td
{
    border-top: none!important;
}
/*Header Styles*/
/***************************************/
.row #headerBar
{
    text-align:center;
    vertical-align:middle;
}
#headerBar
{
    vertical-align:middle;
}
.headerDiv
{
    text-align:center;
    vertical-align:middle;
    height:inherit;
}
#headerThumb
{
    width:70%;
    float:right;
}
#headerLogo
{
    width:90%;
    height:80%;
}
.headerCULabel
{
    clear:left;
}
#welcomeRow
{
    font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    color: #7F7F7F;
    padding-top:1%;
}

#logOutDiv
{
    padding-top: 4%;
}
/***************************************/

/*FOOTER STYLES*/
/***************************************/
.footerImg
{
    width:100%;
}

.privacyPolicy a
{
    color: #a7a7a7;
    text-decoration:none;
}
.privacyPolicy a:hover
{
    color: #a7a7a7;
    text-decoration:none;
}
.privacyPolicy a:visited
{
    color: #a7a7a7;
    text-decoration:none;
}
.privacyImg
{
    width: 40%;
}

#footerLogo {
    max-width: 200px;
}

.help-link {
    font-size: 18px;
}
/***************************************/

/*Menu Bar Styles*/
/***************************************/

.dropdown:hover .menuList .dropdown-menu {
display: block;
}

.navbar-collapse.in {
	overflow: visible;
}

/*.active
{*/
    /*background: -webkit-linear-gradient(#A4CC38, #8CB029)!important;*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#A4CC38, #8CB029)!important;*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#A4CC38, #8CB029)!important;*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#A4CC38, #8CB029)!important;*/ /* Standard syntax */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A4CC38', endColorstr='#8CB029')!important;*/ /*For IE*/
/*}*/

.tab-pane .active{
    background:#fff!important;
}

#menuNavBar
{
    margin-bottom:0;
    border-radius: 0;
}

#menuBar
{
    /*background-color:#031C46;*/
    color:white;
}
#navBar a
{
    height:inherit;
    color:white;
}
#navBar li a:hover
{
    background-color:#9AC032;
}

#navBar a:visited
{
    color:white;
}

.dropdown-menu li a
{
    color:white!important;
}

.nav .open>a 
{
    background-color:transparent!important;
}

#menuBarContainer
{
    padding: 0;
    width: inherit;
}

#navBar
{
    width: inherit;
    height: auto;
    background-color:#031C46;
    color: white;
    text-align:center;
    font-size: 1em;
}

.menuHeight
{
    height:15%;
}

.navbar-collapse
{
    padding:0;
}
/***************************************/

.link-textbox {
    height: 42px;
}

.add-link-btn {
    font-size: 20px;
}

#mainDiv
{
    height:auto;
    margin:0px auto 0px auto;  
    border-style:solid;
    border-color:black;
    border-width:1px; 
    margin-bottom:50px;
    overflow:hidden;
    background-color:white;
    clear:both;
}
.contentArea
{
    padding-top:15px;
    padding-bottom:15px;
    background-color: white;
    border: black 1px solid; 
    border-top: none;
}
#WelcomeArea
{
    float:right;
    background-color:white;
    text-align:center;
}
 .whiteHR {color:#ffffff; width:100%;}

.Master-outer-div-Top
{
  padding-top: 10px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 10px;
  height:170px;
  clear:both;
  vertical-align:middle;
}
.Master-outer-div-Bottom
{
  padding-bottom:10px;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  height:100px;
}
.tblCSR
{
    width:400px;

}
/***********************Navigation menu styles*******************************/
nav
{
    font-family:Arial, Arial Rounded MT Bold, Calibri, Sans-Serif; 
    line-height: 1.5;
    width: inherit;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    -box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.menuPnl
{
    display:inline;
    padding:0!important;
}

.menuItem
{
    background: #031C46;
    width: inherit;
}

.menuItem h2
{
    border-bottom: 1px solid white; /*WHITE BORDER ON MAIN NAV MENU BAR*/
    /*border-top: 1px solid white;*/
    color:white;
    font-size: 15px;
    font-weight: 400;
    padding: 7px 1px; /*Top, Left*/
    background: #1a00c6;
    background: #031C46; /*for older browsers*/
    text-align:center;
    vertical-align:middle;
    
}

.menuItem h2 a
{
     color: White; /*Menu text color*/
    display: block;
    text-decoration: none;
    width: 150px;
    height:50px;
    text-align:center;
}

.menuItem h2:hover /*Slightly change color when you hover over*/
{
    background: #9AC032; /* Old browsers */ /*DARKER GRAY ON MAIN HOVER*/
}

.Alpha p
{
    font-size: 13px;
    padding: 8px 12px;
    color:black;
}

/*ul styling*/
.menuItem ul
{
   background: #031C46; /*sets the color of the hovered over menu to the light green*/
    font-size: 13px;
    line-height: 25px;
    max-height: 0px;
    list-style-type: none;
    overflow: hidden;
    padding: 0px;
    
    /*Transition Animation*/
     -webkit-transition:max-height 1s ease;
     -moz-transition:max-height 1s ease;
     -o-transition:max-height 1s ease;
     -ms-transition:max-height 1s ease;
     transition:max-height 1s ease;
}

.menuItem:hover ul
{
    max-height:350px;
    padding-bottom:10px;
    margin-bottom:10px;
}

.menuItem ul a
{
     margin-left: 5px; /*SETS TEXT MARGIN ON SUB MENU*/
    text-decoration: none;
    color: white; /*Sub Menu Text Color*/
    display: block;
    width: 150px;
}

/*li styling*/
.menuItem li
{
    border-bottom: 1px solid white; /*WHITE BORDER ON SUB MENU BAR*/
    border-top: 1px solid #031C46;
}

.menuItem li:hover
{
    background: #9AC032;
}

.homeBtnText
{
    font-size:30px;
    color:white!important;
    padding-top: 10px;
    line-height: 1!important;
}

/*.homeBtnText:hover
{
    font-weight:bold;
    color:#9AC032!important;
}*/
/***********************END menu styles*******************************/

/*Page Styles*/
.PageTitle
{
    font-size: 24pt; 
    font-weight:bold;
    /*text-decoration: underline;*/
    font-family: Arial, Helvetica, sans-serif; 
    color: #42ade3;
    text-align:center;  
}

.hrStyle
{
    border: 0;
    height: 2px;  
    background-image: -webkit-linear-gradient(left, rgba(39,64,139,0.7), rgba(24,116,205,0.4), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(39,64,139,0.5), rgba(24,116,205,0.6), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(39,64,139,0.5), rgba(24,116,205,0.6), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(39,64,139,0.5), rgba(24,116,205,0.6), rgba(0,0,0,0)); 
}
.hrS2
{
    background: #42ade3; /* Old browsers */
    background: -moz-linear-gradient(top,  #42ade3 0%, #295ad3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42ade3), color-stop(100%,#295ad3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #42ade3 0%,#295ad3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #42ade3 0%,#295ad3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #42ade3 0%,#295ad3 100%); /* IE10+ */
    background: linear-gradient(top,  #42ade3 0%,#295ad3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42ade3', endColorstr='#295ad3',GradientType=0 ); /* IE6-9 */
}
.dynamicStyle
{
    text-align:right;
}

.storeButtons
{
    width: 125px; 
   margin-top: 15px;
    margin-bottom: 15px;

     /* -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; */
}
.storeButtons2
{
    width: 110px; 
   margin-top: 5px;
    margin-bottom: 5px;

     /* -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; */
}
.txtLeft
{
    text-align: left;
}

.txtRight
{
    text-align: right;
}

.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}

.LabelText
{
    color: Red;
    font-size:14pt;
}

.marginAuto1
{
    margin:0px auto 0px auto;
}
.mTop25
{
    margin-top:25px;
}
.mBottom5
{
    margin-bottom:5px;
}
.newRowTable
{
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
}
.newRowTableTextBox
{
    text-align:center;
     width:90%;
     background-color:#F2F2F2;
}
.w200px
{
    width:200px;
}
.marginRight5
{
    margin-right:5px;
}
/********************/
.bgimg {
    background-image: url(images/envelope/env_Sample_Front_Right_wh2.jpg);
    background-repeat:no-repeat;
}
.padLeft
{
    padding-left: 20px;
    margin-left:20px;
}
.padTop
{
    padding-top:25px;
}

.sampleEnvelopeTable td
{
    border:1px solid;
    padding: 10px;
    
}

#resize
{
    resize: none;
}

.DarkBlue
{
    color:#1a00c6;
}

.contentLabel
{
    text-align:center;
    font-size:20px;
    text-decoration: underline;
}

.dynamicTitle
{
    padding-top:25px;
    text-align:center;
}

.fontSize14
{
    font-size:14pt;
}
.fontSize8
{
    font-size:8pt;
}

.underline 
{
    text-decoration: underline;
}

.bold
{
    font-weight:bold;
}
.AlignCenter
{
    text-align:center;
}

.align-right 
{
    text-align:right;
}

.align-left {
    text-align:left;
}

.Red
{
    color: Red;
}

.hrStyle1
{
    width:75%;
    color:black;
    background-color:black;
    border-style:solid;
    border-color:black;
}
/* Gridview Stylings */

.GridViewStyle
{   
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding: 2px;

}
.GridViewStyle a
{
    color: white;
    padding-left:2px;
    text-align:left;
    text-decoration:None;
    font-family:Arial;
    font-weight:normal;
    
}

.GridViewHeaderStyle th
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    text-align:center;
    vertical-align:middle;
    text-decoration: none;
    padding: 10px;
}

.GridViewHeaderStyle
{
    font-weight:normal;
    background-color: #D22630;
    color: white;
    height:30px;
    vertical-align:middle;
    padding-top:2px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    text-decoration: none;
}
.GridViewFooterStyle
{
    background-color: #a6ce39; /*lt green*/
    font-weight: bold;
    color: White;
}
.GridViewRowStyle
{
    background-color: #b6b7ba; /*lighter gray*/
    color: black;
    padding-left:4px;
    text-align:center;
}
.GridViewAlternatingRowStyle
{
    background-color: #B6B7BA; /*darker gray*/
    color: black;
    text-align:center;
}
.GridViewRowStyle tr, .GridViewAlternatingRowStyle tr
{
    border:1px solid white;
}
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid white;
    padding-left:4px;
}
.GridViewSelectedRowStyle
{
    background-color: #a6ce39; /*lt green*/
    font-weight: bold;
    color: #333333;
}
.GridViewPagerStyle
{
    background-color: #b6b7ba;
    color: black;
    font-family:Arial;  
}
.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
    color:#20ade3;
    font-family:Arial;
}
.GridViewButtonStyle {
    Width: 25%;
}
/*********************ChangePassword CSS**********/
.logonform1
{
    background-color:White;
    border-style: solid; 
    border-color:black;
    border-width:1px;
    width:425px;
    height:100%;
    margin:120px auto;
    text-align:center;
    padding-top:20px;
}
.logonbuttons
{
    background: -webkit-linear-gradient(#1B4383, #011941); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1B4383, #011941); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1B4383, #011941); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1B4383, #011941); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B4383', endColorstr='#011941'); /*For IE*/
    border-width:1px;
} 
div.scroll {
    width:750px;
    height:600px;
    overflow:auto;

}
/****************DEFAULT PAGE STYLES**************/
#homePageLbls
{
    font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size:20px;
    color: #7F7F7F;
    width:100%;
    border-bottom: 4px #031C46 solid;
}
.defaultCsrDivRight
{
    width:50%;
    height:100%;
}
.defaultCsrDivLeft
{
    width:100%;
    height:100%;
    text-align:center;
    float: left;
}
.imgCsr
{
    float:none;
    width:33%;
}
.noTableBorders td
{
    border:none;
}

.userTableLbl
{
    width:50%;
}

.tableLbl
{
    width:27%;
}

table td[class*=col-], table th[class*=col-]
{
    float:left;
}

a:hover{
    text-decoration:none;
}

a:visited
{
    text-decoration:none;
}

a:focus
{
    text-decoration:none;
}

.bannerImages
{
    list-style-type:none;
}

.eStoreFooter
{
    padding-bottom: 20px;
    
}

.eStoreImg {
    width: 90%;
}

.help-title {
    border-bottom: 2px solid #213966;
}

/*TintMCE Text Editor Styles*/
.text-editor-row {
    width: 100%;
}

.email-img {
    width: 50%;
    max-width: 250px;
}

.editor-btn {
    width:90%!important;
}

.image-copy-btn {
    margin: 10px 0 10px 5px;
}

.delete-btn {
    float:right;
}

#walkthrough-link {
    font-weight: bold;
    font-size: 1.15em;
}

.mce-btn {
    border-radius: 4px;
}
.mce-panel {
    border-radius: 4px;
}
.mce-window-head {
    padding: 15px!important;
}

.editor-dropdown {
    text-align: left;
}

.manage-imgs {
    max-height: 200px;
    overflow: auto;
}

.modal-img {
    max-height: 150px;
    max-width: 100%;
}

/* BOUNCE BACK REPORTING */
#add-cust-id {
    width: 88%;
    margin: 0 auto;
}

.title-toggle {
    cursor: pointer;
}

.hide {
    display: none;
}

.fa-toggle-on {
    color: green;
}

/* HELP VIDEO PAGE STYLES */
.video-list {
    list-style: none;
}

.video-link {
    font-size: 1.25em;
    color: #173C78;
}

.video-link:hover {
    cursor: pointer;
    color: #337ab7;
}

#help-video-display iframe {
    max-width: 100%;
}