.gradient-area { 
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
border-bottom: 1px solid #ddd;
}

/* Topic Templates */

.gradient-area .cd-main-content {min-height: inherit; height: auto;}
.gradient-area h1 span {color: #ccc;}
.gradient-area .storybody h2, .gradient-area .storybody h6{margin: 20px 0;}
.gradient-area h6 {font-size:13px;}
.sponsor, .company_description {color:#666; xfont-weight: 300;}
.company_description {font-size: 15px; line-height: 135% !important;}
h3.topic-title a {font-size: 19px; font-weight: normal; line-height: 100%;}
h3.topic-title {margin: 8px 0;}
.gradient-area p {margin-top: 10px; }
a.download-link {display: block; margin-top: 20px;}
.gradient-area .resource img {border: 1px solid #ddd;}
.topic-summary p {font-size: 18px; font-weight: normal; color:#666; line-height: 120%;}
.topic-item .pull-left img {margin-right: 15px;}
.top-story-icon, .webcast-icon, .webcast-archived-icon {height: 55px; margin: -55px 0 0; position: absolute; width: 55px; z-index: 3;}
.latest-resource-icon {height: 55px; margin: -58px 0 0; position: absolute; width: 55px; z-index: 3;}
.top-story-icon {background-image: url("/images/site/top-story-icon-new.png");}
.latest-resource-icon {background-image: url("/images/site/latest-resource-icon.png");}
.webcast-icon {background-image: url("/images/site/webcast-icon.png");}
.webcast-archived-icon{background-image: url("/images/site/webcast-archived-icon.png");}
.cat-tabs #tabs {margin-top: 20px;}
.cat-tabs .nav-tabs > li, .nav-pills > li {float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */}
.cat-tabs .nav-tabs, .nav-pills {text-align:center;}
.topic-item {padding: 15px 0;}
.topic-paginate {padding-top: 30px; text-align: center;}
.total-pages {text-align: left;}
.topic-paginate img {margin-right: 10px;}
.topic-container {padding-bottom: 40px;}
.pagination-numbers {border: 1px solid #ccc; border-radius: 3px; background: #f1fcff; padding: 5px 10%;}
.pagination-numbers a:last-child {display: none !important;}
.pagination-numbers a {color: #07B;}
a.pagination-next, a.pagination-previous {border: 1px solid #ccc; border-radius: 3px; background: #f1fcff; padding: 5px 3%; text-align: center; }
.pagination-noprevious {border: 1px solid #e1dede; border-radius: 3px; background: #fff; padding: 5px 3%; text-align: center; color: #e1dede;}
ul.all-topics li {list-style: none; padding: 5px 0;}
ul.all-topics li:before {content: "\f101"; font-family: FontAwesome; color: #06C; font-style: normal; font-weight: normal; margin-right: 5px;}
.media-section img {border: 1px solid #ddd;}
.far-right-wrapper {position: relative; top: 83px;}
.resource img, .far-right-wrapper img, .far-right-wrapper .embed-responsive-16by9 {margin-top: 20px;}

/* CEPro TV */

.top-video .embed-responsive {margin: 10px 0;}
.previous-videos h2 {margin: 20px 0 8px;}
.previous-videos h3 {margin-top: 25px; line-height: 125%;}
.more-videos h2 {margin-bottom: 20px;}
.previous-videos .pull-left, .more-videos .pull-left {margin: 20px 20px 10px 0;}
.previous-videos img, .more-videos img {-webkit-box-shadow: 1px 0px 1px 1px rgba(102,102,102,0.32); -moz-box-shadow: 1px 0px 1px 1px rgba(102,102,102,0.32); box-shadow: 1px 0px 1px 1px rgba(102,102,102,0.32);}
.more-videos h3 {margin: 40px 0 10px 0; }

/* Homepage */
.top-story-label, .top-story-category-label {display: inline-block; font-size: 13px; text-transform: uppercase; padding: 5px; }
.top-story-label {background-color: #666; color: #fff;}
.top-story-category-label {background-color: #ccc; color: #666; min-width:80px;}
.top-story-section img, .top-story-section .embed-responsive, .cepro-tv .embed-responsive {margin: 10px 0 0 0;}
.top-story-section h1 a {font-size: 38px; line-height: 110%; color:#06c; font-weight: 400;}
#home-top-row.cd-main-content {min-height: 200px !important; height: auto !important;}
#home-top-row .row {margin-bottom: 34px;}
#home-top-row p, .cepro-tv p, .cepro-tv-continued p, .best-of-cepro p {font-family:roboto condensed; font-size: 16px; line-height: 110%; color: #666;}
#home-tabs .tab-pane {margin-top: 20px;}
#home-tabs .tab-pane h3 {margin: 0px 0;}
#home-tabs .tab-pane img.pull-left { margin: 0 15px 15px 0;}
.blue-gradient {
background: #d7ebff; /* Old browsers */
background: -moz-linear-gradient(top,  #d7ebff 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d7ebff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d7ebff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ebff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.blue-gradient .row {margin-bottom: 10px;}
.blue-gradient img.subscribe-image {position: relative; margin-top: -30px;}
.blue-gradient img.insider, .blue-gradient img.home-download, .blue-gradient img.subscribe-image {margin-right:16px;}
.blue-gradient img.insider, .blue-gradient img.home-download {margin-top: 20px;}
.blue-gradient h3.title, p.text {font-family:roboto condensed;}
.blue-gradient h3.title {font-weight: bold; font-size: 16px; margin: 20px 0 10px 0; color: #333;}
.blue-gradient p.text {font-size: 14px; line-height: 115%; color: #666;}
.blue-gradient form {margin-top: 20px;}
.blue-gradient input::-moz-placeholder, .blue-gradient input:-moz-placeholder::-webkit-input-placeholder, .blue-gradient input:-ms-input-placeholder, .blue-gradient::-ms-input-placeholder, .blue-gradient:placeholder-shown  {color: #999}
.blue-gradient input:focus {border-color: #06c;}
.blue-gradient input[type="email"] {border: 1px solid #ddd; padding: 9px;}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}
[placeholder]:focus::-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}
[placeholder]:focus::-mozilla-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}
.blue-gradient .input-group-btn {width: auto; padding-left: 5px;}
.blue-gradient input.btn.btn-success {background: #06c; border-radius: 0; border: 1px solid #07e; padding: 7px 20px;} 
.blue-gradient input.btn.btn-success:hover {background-color: #05A; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;}
img.insider, img.home-download {margin-bottom: 80px; -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.55); box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.55);}
.gradient-area-from-top { 
background: rgb(222,227,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,227,229,1) 0%, rgba(247,247,247,1) 30%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(222,227,229,1) 0%,rgba(247,247,247,1) 30%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(222,227,229,1) 0%,rgba(247,247,247,1) 30%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee3e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #ddd; margin-top:10px;
}
/* .cepro-tv-icon {background-image: url("/images/site/cepro_tv_icon.png"); height: 109px; margin: -119px 0 0 -1px; position: absolute; width: 107px; z-index: 3;} */
.cepro-tv-icon {height: 109px; margin: -119px 0 0 -1px; position: absolute; width: 107px; z-index: 3;}
.cepro-tv a h3 {font-size: 22px;}
.best-of-cepro h3 a {font-size: 18px; line-height: 110%;}
h2.best-of-cepro {font-family: Roboto,Arial,sans-serif; font-size: 28pt !important; font-weight: 300 !important; letter-spacing: -1px; line-height: 100%; margin: 20px 0 8px;}
.best-of-cepro img {border: 1px solid #ddd; margin: 10px 0;}
a.view-all-videos {font-size: 14px;}
.cepro-tv-continued img.pull-left {margin: 0 20px 20px 0;}
.cepro-tv-continued {margin-top: 33px;}
.cepro-tv-continued a {font-family:roboto condensed; font-size: 18px; line-height: 110%;}
.storybody .cepro-tv-continued p, .storybody .cepro-tv p, .storybody.best-of-cepro p {line-height: 120%;}
.cepro-tv-continued p a {margin-top: 10px;}
.gradient-area-from-top > .container > .row {margin-bottom: 45px;}

@media (max-width: 1199px) {.blue-gradient input[type="text"] {width: 95%;} .blue-gradient .input-group-btn {padding: 0;}  img.insider {margin-bottom: 0 !important;} .blue-gradient .row {margin-bottom: 0 !important;}}
@media (max-width: 1699px) {.media-section a:last-child img {display: none;}}
@media (min-width: 992px) {.gradient-area .storybody {margin-bottom: 30px;} }
@media (max-width: 992px) {.far-right-wrapper {top: 0 !important;}}
@media (max-width: 990px) {.magazine-promo  {margin-bottom: 40px;}}
@media (max-width: 512px) {.pagination-numbers, a.pagination-next, a.pagination-previous, .pagination-noprevious {display: block;} .pagination-numbers {margin: 10px 0;}  a.pagination-previous, .pagination-noprevious {margin-top: 25px;}}
@media (max-width: 440px) {.topic-item .pull-left {float: none !important;}}
@media (max-width: 330px) {.blue-gradient .input-group {display: block;} .blue-gradient .input-group-btn {padding: 10px 0 0 0;}}

/* Extra Small */
@media (min-width:300px) and (max-width:767px) {.cepro-tv-continued p {display: none;} } 

/* Small */
@media (min-width:768px) and (max-width:991px) {.cepro-tv-continued p {display: inline-block !important;}}

/* Medium */
@media (min-width:992px) and (max-width:1199px) {section .col-md-9, .col-lg-9, .col-md-9 {width:600px;} .cepro-tv-continued p {display: none;} .cepro-tv-continued img.pull-left{float: none !important;} .cepro-tv-continued a h3 {padding-bottom: 10px;}}

/* Large */
@media (min-width:1200px) and (max-width:1699px) {
section .col-md-9, .col-lg-9, .col-md-9 {width:840px;}
}

/* Extra Large */
@media (min-width:1700px) { .tab-container {padding-right: 150px;}}