﻿
#content a.CTA-ArrowDTS{
  background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  font-weight:bold; 
  display:block; 
  text-decoration:none; 
  height: auto; 
  clear:both;
  background-color: #005597;
  color: #fff; 
  text-align:left; 
  padding: 10px 60px 10px 8px; 
  background-size: 18px auto; 
  background-position: right 10px top 50%; 
  background-repeat:no-repeat; 
  margin-bottom: 4px;
  border: 2px solid transparent;
}

#content a.CTA-ArrowDTS:hover{
  background-color: transparent; 
  color: #18194f; 
  border-color: #18194f; 
  text-decoration:none; 
  background-image: url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png");
}


#content a.CTA-ArrowDTS-White{
  background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
  font-weight:bold; 
  display:block; 
  text-decoration:none; 
  height: auto; 
  clear:both;
  background-color: #005597;
  color: #fff; 
  text-align:left; 
  padding: 10px 60px 10px 8px; 
  background-size: 18px auto; 
  background-position: right 10px top 50%; 
  background-repeat:no-repeat; 
  margin-bottom: 4px;
  border: 2px solid transparent;
}

#content a.CTA-ArrowDTS-White:hover{
  background-color: transparent; 
  color: #fff; 
  border-color: #18194f; 
  text-decoration:underline; 
  background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
}


/* White CTA for DTS Blue Background */
a.CTA-ButtonWhiteForDTSBlueBGWithArrow{
     background-image: url(/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png);
     background-color: transparent; 
     display: inline-block;
     color: white !important;
     clear:both;
     text-decoration:none !important; 
     font-size: 16px;
     font-weight: 600;
     height: auto; 
     text-align:left; 
     padding: 20px 48px 20px 14px; 
     background-size: 18px auto; 
     background-position: right 10px top 50%; 
     background-repeat:no-repeat; 
     margin-bottom: 4px;
     border: 2px solid white;
     /* width: fit-content; */
     position: relative;
}
a.CTA-ButtonWhiteForDTSBlueBGWithArrow:after {
     /* content: ''; */
     border: solid white;
     display: block;
     padding: 5px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 20px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
a.CTA-ButtonWhiteForDTSBlueBGWithArrow:hover,
a.CTA-ButtonWhiteForDTSBlueBGWithArrow:focus {
     background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");
     border: 2px solid white;
     color: #18194f !important;
     background-color: white;
}
a.CTA-ButtonWhiteForDTSBlueBGWithArrow:hover:after,
a.CTA-ButtonWhiteForDTSBlueBGWithArrow:focus:after {
     border: 2px solid white;
     padding: 5px;
     border-width: 0 2px 2px 0;
}


/* Blue 3 CTA for DTS White Background */
a.CTA-ButtonBlueForDTSWhiteBGWithArrow{
     background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
     background-color: #105596; 
     display: block;
     color: white !important;
     clear:both;
     text-decoration:none !important; 
     font-size: 16px;
     font-weight: 600;
     height: auto; 
     text-align:left; 
     padding: 18px 68px 18px 14px; 
     background-size: 18px auto; 
     background-position: right 10px top 50%; 
     background-repeat:no-repeat; 
     margin-bottom: 4px;
     border: 2px solid #105596;
     /* width: fit-content; */
     position: relative;
}
a.CTA-ButtonBlueForDTSWhiteBGWithArrow:after {
     /* content: ''; */
     border: solid white;
     display: block;
     padding: 5px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 20px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
a.CTA-ButtonBlueForDTSWhiteBGWithArrow:hover,
a.CTA-ButtonBlueForDTSWhiteBGWithArrow:focus {
     background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-blue5-right-arrow.png");
     border: 2px solid #18194f;
     color: #18194f !important;
     background-color: transparent;
}
a.CTA-ButtonBlueForDTSWhiteBGWithArrow:hover:after,
a.CTA-ButtonBlueForDTSWhiteBGWithArrow:focus:after {
     border: 2px solid #18194f;
     padding: 5px;
     border-width: 0 2px 2px 0;
}

/* Blue 2 CTA for DTS Blue Background */
a.CTA-ButtonBlueForDTSBlueBGWithArrow{
     background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
     background-color: #007ca7; 
     display: block;
     color: white !important;
     clear:both;
     text-decoration:none !important; 
     font-size: 16px;
     font-weight: 600;
     height: auto; 
     text-align:left; 
     padding: 18px 68px 18px 14px; 
     background-size: 18px auto; 
     background-position: right 10px top 50%; 
     background-repeat:no-repeat; 
     margin-bottom: 4px;
     border: 2px solid #007ca7;
     /* width: fit-content; */
     position: relative;
}
a.CTA-ButtonBlueForDTSBlueBGWithArrow:after {
     /* content: ''; */
     border: solid white;
     display: block;
     padding: 5px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 20px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
a.CTA-ButtonBlueForDTSBlueBGWithArrow:hover,
a.CTA-ButtonBlueForDTSBlueBGWithArrow:focus {
     background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
     border: 2px solid white;
     color: white !important;
     background-color: transparent;
}
a.CTA-ButtonBlueForDTSBlueBGWithArrow:hover:after,
a.CTA-ButtonBlueForDTSBlueBGWithArrow:focus:after {
     border: 2px solid white;
     padding: 5px;
     border-width: 0 2px 2px 0;
}

/* Pink CTA for DTS White Background */
a.CTA-ButtonPinkForDTSWhiteBGWithArrow{
     background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png");
     background-color: #ea3776;
     display: block;
     color: white !important;
     clear:both;
     text-decoration:none !important;
     font-size: 16px;
     font-weight: 600;
     height: auto;
     text-align:left;
     padding: 20px 50px 20px 14px;
     background-size: 18px auto;
     background-position: right 10px top 50%;
     background-repeat:no-repeat;
     margin-bottom: 4px;
     border: 2px solid #ea3776;
     /* width: fit-content; */
     position: relative;
}
a.CTA-ButtonPinkForDTSWhiteBGWithArrow:after {
     /* content: ''; */
     border: solid white;
     display: block;
     padding: 5px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 20px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
a.CTA-ButtonPinkForDTSWhiteBGWithArrow:hover,
a.CTA-ButtonPinkForDTSWhiteBGWithArrow:focus {
     background-image: url("/siteelements/images/base/internal/cta-icons/Colour/bg-icon-blue5-right-arrow.png");
     border: 2px solid #18194f;
     color: #18194f !important;
     background-color: transparent;
}
a.CTA-ButtonPinkForDTSWhiteBGWithArrow:hover:after,
a.CTA-ButtonPinkForDTSWhiteBGWithArrow:focus:after {
     border: 2px solid #18194f;
     padding: 5px;
     border-width: 0 2px 2px 0;
}


/* Blue 3 Version of CTA with download icon */
a.CTA-DownloadButtonBlueDTS{
     background-image: url("/dts/resources/cta-icons/bg-icon-white-download.png");
     background-color: #105596; 
     display: block;
     color: white !important;
     clear:both;
     text-decoration:none !important; 
     font-size: 16px;
     font-weight: 600;
     height: auto; 
     text-align:left; 
     padding: 18px 68px 18px 14px; 
     background-size: 52px auto; 
     background-position: right 10px top 52%; 
     background-repeat:no-repeat; 
     margin-bottom: 4px;
     border: 2px solid #105596;
     /* width: fit-content; */
     position: relative;
}
a.CTA-DownloadButtonBlueDTS:after {
     /* content: ''; */
     border: solid white;
     display: block;
     padding: 5px;
     right: 15px;
     -webkit-transform: rotate(-45deg);
     position: absolute;
     top: 20px;
     /* border-color: black; */
     border-width: 0 2px 2px 0;
}
a.CTA-DownloadButtonBlueDTS:hover,
a.CTA-DownloadButtonBlueDTS:focus {
     background-image: url("/dts/resources/cta-icons/bg-icon-blue5-download.png");
     border: 2px solid #18194f;
     color: #18194f !important;
     background-color: transparent;
}
a.CTA-DownloadButtonBlueDTS:hover:after,
a.CTA-DownloadButtonBlueDTS:focus:after {
     border: 2px solid #18194f;
     padding: 5px;
     border-width: 0 2px 2px 0;
}