/*
 * css selectors in this file should exists on multiple
 * files across the accounting division or on the main accounting
 * landing page
 */
a.mainTitle {
   font-size: 28px;
   font-weight: bold;
   color: black;
   margin-left: -8px;
   text-decoration: none;
   line-height: .7;
}
.acctgMainLeft {
   float: left;
   width: 20%;
   margin-right: 15px;
}
.acctgMainRight {
   float: right;
   width: 73%;
   margin-right: 30px;
}
.acctgMainImage {
   float: right;
   width: 50%;
   margin: 20px 0px 15px 25px;
   text-align: center;
}
.acctgMainCartButtonSpace {
   margin-right: 43%;
}
.acctgMainAddCartForm{
   margin: 25px auto -22px auto;
}
.acctgMainBottom  {
   padding: 5px 0px;
   text-align: right;
}
.acctgMainBottom a {
   text-decoration: none;
   color: white;
   line-height: .7;
}
.acctgAboutPage p {
   margin: 20px 0px;
}
.acctgAboutPage li {
   margin-left:-20px;
}
/* -------index.php How macro-------*/
.howPageContent li {
   list-style: decimal;
   padding: 5px;
}
.howBookText {
   float: right;
   width: 75%;
   margin-top: -10px;
}
.howBookImage {
   margin-bottom: -15px;
   margin-left: 50px;
   margin-top: -30px;
}
.howPuzzleSteps {
   float: left;
   width: 60%;
   margin-right: 30px;
}
.howPuzzleImage {
   width: 285px;
   margin-top: -13px;
}
.howLightSteps {
   float: right;
   width: 63%;
}
.howLightImage {
   width: 300px;
   padding-left: 25px;
}
.howProductSteps {
   float: left;
   width: 55%;
   margin-right: 25px;
}
.howProductImage {
   margin-top: -60px;
}
.onlineRightInfo {
   float: right;
   width: 78%;
}
.onlineDiv {
   width: 75%;
   text-align: center;
   margin: 0px auto;
}
.onlineDiv div {
   font-size: 22px;
   text-shadow: 1px 1px 3px black;
}
.onlineDiv a:hover {
   text-decoration: none;
}
div.onlinePurchaseButton {
   padding: 4px 6px;
   width: 200px;
   height: 55px;
   margin: 0px auto;
}
.onlineLowerSection {
   float: left;
   width: 45%;
   margin-right: 25px;
}
.onlineList li {
   list-style: disc;
}
.onlineNestedList li {
   list-style-type: circle;
}
.onlineImage {
   margin-top: -10px;
   overflow: hidden;
}
.diagBtn {
   float: right;
   width: 250px;
   min-height: 140px;
   margin-left: 20px;
}
.diagBtn ul {
   margin: 0;
   padding: 0;
   padding-top: 30px;
   list-style-type: none;
}
.diagBtn li {
   margin: 0px 0px 10px 0px;
   font-weight: bold;
   padding: 0;
}
.diagBtn li a {
   background-color: #2E318D;
   background-image:linear-gradient(to bottom, #2E318D 0%, #0071B7 100%);
   background-image:-o-linear-gradient(bottom, #2E318D 0%, #0071B7 100%);
   background-image:-moz-linear-gradient(bottom, #2E318D 0%, #0071B7 100%);
   background-image:-webkit-linear-gradient(bottom, #2E318D 0%, #0071B7 100%);
   background-image:-ms-linear-gradient(bottom, #2E318D 0%, #0071B7  100%);
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0071B7', endColorstr='#2E318D');
   -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0071B7', endColorstr='#2E318D')";
   padding: 4px 7px;
   display: inline-block;
   margin: 0;
   width: 100%;
   text-decoration: none;
   color: white;
   text-align: center;
   border: 1px solid black;
   border-radius: 4px;
}
.diagBtn li a:hover {
   background-color: #0071B7;
   background-image:linear-gradient(to bottom, #0071B7 0%, #0071B7 100%);
   background-image:-o-linear-gradient(bottom, #0071B7 0%, #0071B7 100%);
   background-image:-moz-linear-gradient(bottom, #0071B7 0%, #0071B7 100%);
   background-image:-webkit-linear-gradient(bottom, #0071B7 0%, #0071B7 100%);
   background-image:-ms-linear-gradient(bottom, #0071B7 0%, #0071B7  100%);
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0071B7', endColorstr='#0071B7');
   -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0071B7', endColorstr='#0071B7')";
   color: white;
   transition: all 0.2s ease;
   text-decoration: none;
}
.blueDemosButton .darkBlueButton {
   margin-right: 10px;
}
.screenShots p img {
   float: left;
   padding: 5px 10px 20px 0px;
}
.screenShots p {
   clear: both;
}
.screenShotLeft {
   float: left;
   width: 45%;
}
.screenShotRight {
   float: right;
   width: 52%;
}
.popUpImage {
   text-align: center;
   padding: 10px 0px;
}
.popUpImage img {
   max-width: 95%;
}

/* -------index.php About macro-------*/
.aboutReviewSysImage {
   float: right;
   width: 50%;
   margin: -25px 0px 15px 25px;
   text-align: center;
}
.aboutList li {
   list-style: disc;
   margin: 8px 0px;
}
.prodRow {
   clear: both;
   width: 100%;
   margin: 5px auto;
}
.prodRow div {
   display: inline-block;
   vertical-align: top;
}
.prodRow ul {
   margin-top: 0px;
}
.prodRowImg {
   margin: 10px 5px 10px 25px;
}
.prodRowImg img {
   width: 100px;
}
img.prodRowAudioImg {
   width: 90px;
   padding: 0px 5px;
}
.prodRowList {
   width: 33%;
}
.prodRowSingle .prodRowList {
   width: 84%;
}
/*--------- boxslides css ----------------------------------*/
.bx-wrapper {
   cursor: pointer;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   text-align: center;
   width: 100%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   width: 100px;
}
.bx-wrapper .bx-prev {
   left: -47px;
}
.bx-viewport {
}
.acctgSlider {
   width: 950px;
}
.acctgSlider li {
   list-style: none;
   padding: 0px 60px;
}
.acctgSlider li a, .acctgSlider li a:hover {
   text-decoration: none;
   color: black;
}
.acctgSlider li hr {
   clear: both;
   margin: 50px 0px 10px 0px;
}
.acctgSlider h1 {
   font-size: 22pt;
   text-align: center;
   padding-bottom: 10px;
   padding-top: 0px;
}
.acctgSlider p {
   font-size: 16px;
   line-height: 1.3;
   margin: 0px;
   padding-top: 10px;
}
#cmaSlide p {
   line-height: 1.15;
}
.acctgSlider img {
   float: right;
   vertical-align: middle;
   margin-left: 20px;
   margin-bottom: 10px;
}
h1.slideInnerTitle {
   font-size: 24pt;
   line-height: 2;
   white-space: nowrap;
}
ul#aftrSlideText {
   padding-left: 60px;
}
ul#aftrSlideText li {
   list-style-type: disc;
   font-size: 24px;
   padding-bottom: 15px;
   padding-left: 5px;
}
#aftrSlideImage {
   margin-top: -10px;
}
#aftrLink {
   text-align: right;
   margin-top: 25px;
   padding-right: 28px;
}
#anivImage {
   width: 252px;
   height: 294px;
}
#drDeanImage {
   width: 420px;
   height: 217px;
   padding-bottom: 30px;
}
#cpaSetImage {
   margin: 20px 0px;
}
#drGleimImage {
   width: 162px;
   height: 245px;
   padding-right: 20px;
}
.insideSlideLink a:link,
.insideSlideLink a:visited  {
   text-decoration: none;
   color: #006699;
}
.acctgSlider .acctgSliderAnimate .insideSlideLink:hover a{
   text-decoration: underline;
   color: #006699;
}
/*--------- end of boxslides css ---------------------------*/
.yellowTopNotice {
   width: 100%;
   line-height: 1.5;
   text-align: center;
   background-color: #FFFFB3;
   border: 1px solid #FFC180;
}
#yellowTopNoticeLink {
   color: black;
   text-decoration: none;
}
#yellowTopNoticeLink:hover {
   color: #0088CC;
   text-decoration: underline;
}
a.no_decoration {
   text-decoration: none;
}
a.no_decoration:hover {
   text-decoration: none;
}
/*--------------- Landing Page CSS for CPA, CIA, and CMA ---------------*/
.botLeftContent {
   width: 47%;
   float: left;
   border-right: 2px solid #C0C4C4;
   padding-right: 15px;
}
.botRightContent {
   width: 475px;
   float: right;
}
.botRightContent h1 {
   text-align: center;
}
#chart a {
   text-decoration: none;
}
a.chart {
   float: right;
}
a.chart h1 {
   color: black;
   font-size: 27px;
   font-weight: bold;
   padding-left: 6px;
   text-align: center;
}
a.chart p {
   float: right;
   color: black;
}
a.chart table {
   border: 1px solid black;
   border-collapse: collapse;
   color: black;
}
a.chart td:first-child {
   background: #F6F9FB;
   text-align: left;
   padding: 0px 58px 0px 10px;
}
a.chart td:nth-child(2) {
   background: #E7F0F5;
   text-align: center;
}
a.chart td:nth-child(3) {
   background: #F6F9FB;
   text-align: center;
}
a.chart th {
   padding: 5px 7px;
   text-align: center;
   background: white;
}
a.chart tr, a.chart td, a.chart th {
   border: 1px solid black;
}
.grayBar {
   background-color: #C0C4C4;
   height: 2px;
   width: 100%;
   clear: both;
   margin: 15px 0px;
}
.learnMore {
   padding: 10px 115px 0px 0px;
   text-align: center;
}
.linkButtons {
   clear: both;
   font-size: 16px;
   display: inline-block;
}
.linkButtons img {
   float: left;
   margin-top: -8px;
   padding-right: 6px;
}
.setDetailsList {
   font-size: 16px;
   margin-top: 50px;
   list-style-position: inside;
}
.setImage {
   height: 232px;
   width: 400px;
   float: left;
}
.authorImgLeft, .authorImgRight {
   display: block;
   overflow: hidden;
   margin: 5px auto;
}
.authorImgLeft p, .authorImgRight p {
   vertical-align: bottom;
}
.authorImgLeft img {
   float: left;
   padding: 10px 20px 0 10px;
}

.authorImgRight img {
   float: right;
   padding-left: 20px;
}
.authorImgRight p {
   width: 275px;
}

/* Fix the problem with arrow alignment reported in SDTS #24455 */
.bx-wrapper .bx-next {
   right: -48px;
}

/*--------------- End of CPA, CIA, and CMA Landing Page CSS ---------------*/
.indent {
   padding-left: 20px;
}

/*--------------- Videos for Main Landing pages ---------------*/

#videoCapture {
   width: 50%;
   height: 50%;
   padding-left: 120px;
   padding-top: 20px;
}

.videoThumb noscript h3 {
   text-align: center;
   font-size: 2em;
   padding-top: 10px;
   padding-bottom: 10px;
}

/*
 * Comparison Chart Realignment if video is on page.
 * Currently only cma has video thumb. If video thumb is added to other landing pages,
 * then add this class to the comparison chart on the page to align with video thumb.
 *
 */

.comparisonChartWithVideo {
   margin-top: 25px;
}
.comparisonChartWithVideo table {
   margin-top: 18px;
}

#aftrcBlurb {
   margin-top: 100px;
}
.center {
   text-align: center;
}
.red {
   color: red;
}
.grey {
   color: grey;
}
.small {
   font-size: 0.9em;
}