﻿/* CMS version 09/12/2014 */
/* Media quires for a responsive layout */
/* For tablets & smart phones */
@media (max-width: 767px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container {
    width: auto
  }
}
/* For smartphones */
@media (max-width: 600px) {
  .container {
    width: auto
  }
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 724px
  }
}
/* For larger displays */
@media (min-width: 1200px) {
  .container {
    width: 938px
  }
}
 
@media screen and (max-width: 767px) {
    html {-webkit-text-size-adjust: 100%;}
    body {overflow-x: hidden;}
    #outer-container {overflow-x: hidden;}
    /*Show display none for the following div's */
    #Header, #bottom-header, #contact-us-gallery, #nav-bar, #main-body #right-column, 
    #shareBarModuleNew, .video-overlay, .video-duration {display: none!important;}
    #main-container {margin-top: 60px!important;}
    #main-container .bx-controls-direction {display:none;}
    #main-container .bx-wrapper .bx-viewport {left: 0px!important;}
    #footer-homepage{display: none!important;}
    #footer{display: none!important;}
    #homepage-mid {width: 100%!important;margin: 0px auto!important;}
    #homepage-popular {margin-right: 0 !important;padding: 0 10px !important;width:92%!important;}
    #homepage-popular h2 {color:#7029ec!important;}
    #homepage-popular #top {background: none!important; border: none!important;padding-left:0px!important;}
    #homepage-popular #bottom {border: none!important;padding-left:0px!important;}
    #homepage-popular #bottom ul li {width:100%!important; color:#333333!important;text-indent:-1em;list-style:disc inside none!important;}
    #homepage-video, #homepage-blog {display: none!important;}
    #homepage-widgets {position: relative!important;}
    #homepage-blog #bottom {height:auto!important;}
    #bread-crumb,.bread-crumb, #article-library, #alt-topic-layout {display: none!important;}
    #main-content #gallery-text {position: relative!important;}
    #mobile-category-gallery-top img {width: 110%;margin-left:-10px;}
    #category-gallery-top {display:none;}
    #main-body, #main-body #left-column, #main-content #category-gallery {width: 100%!important;}
    #main-body #left-column {margin-bottom: 0px!important}
    #main-content .topic-row {width: 100%!important; border-top:1px solid #7029ec !important}
    #main-content .topic-row .next-to-img {max-width: 68%!important;}
    #main-content .topic-row-text p {width: 120%;}
    #main-content .topic-row img {margin-right: 3%!important;}
    #main-content .topic-row .next-to-img  p {max-width: 100%!important;} 
    #main-content .topic-row h2 {font-size: 10pt!important; line-height: 12pt!important;}
    #main-content #desktop-article-text, #main-content #spacer, #main-content .video, #main-body .video {/*display: none!important;*/}
    #main-content #gallery {width: 100%!important; margin-bottom: 14px!important; position: relative; height: 0; padding-bottom: 56.25%;}
    #main-content #gallery img {display: block; width: 100%;}
    #main-content #gallery iframe {position: absolute; top:0; left:0; width: 100%; height: 100%;}
    #main-content #gallery object, #main-content #gallery #controlContainer  {display: none!important;}
    #left-column #topic-navigation-flat, #left-column #topic-navigation {display: none!important;}
    #desktop-article-text img, #chart-main-area img.infographic {max-width: 100% !important;}
    /****** Homepage Slider ******/
    #main-container .bxslider li {
        overflow: hidden;    
    }
    .home-slide {
        max-width: 160%!important;
        width: 160%!important;
        float: right !important;
        position: relative;
        z-index: 9999999!important;
        height: auto !important;
    }
    .home-slide header h1 {
        margin: 0 auto;
        margin-bottom: 5px !important;
    }
    /*#home-slide1, #home-slide2, #home-slide3 {
        height: auto!important;
    }*/
    #home-slide1 header, #home-slide2 header, #home-slide3 header, #home-slide4 header, #home-slide5 header {
        width: auto!important;
        text-align: center;
        padding: 47% 0 0 38%;
    }
    .home-slide h1 {
        font-size: 26px!important;
        line-height: 32px!important;
    }
    .home-slide header {
        padding-left: 0;
    }
    .home-slide .slider-button {
        margin: 0 auto;
    }
    #homepage-widgets {
        top: auto!important;
    }
    
    /*#mobile-article-text {width: 100%;}
    #mobile-article-text img {width: 100%!important;}
    .readmore-js-toggle {margin: 20px 0px 20px 10px!important;}
    .mobile-text-expanded {height: auto!important;}*/
    #main-content .topic-row-text h2 {margin-left: 0px!important; width: 100%;}
    #main-body #main-content {padding: 0px 10px 0px 10px;}
    #chart-main-area img {width: 100%!important;}
    #main-content h1 {margin: 20px 0px 10px 0px!important;} 
    #mobile-video {position: relative; margin-bottom:20px;width: 100%!important;height:250px;}
    .BrightcoveExperience {position: absolute; top: 0; left: 0; width: 100%!important; height: auto%!important;}
    #mobile-search-spacer.mobile-facets-hidden {border-bottom: 1px solid #7029ec;}
    #mobile-homepage-blog {
        float: left; 
        width: 100%;  
        height: auto;
        margin-bottom: 30px;  
        margin-top: -10px;
    }
    #mobile-homepage-blog #top {
        height: 20px;
        padding-left: 10px;
        width: 100%;
    }
    #mobile-homepage-blog h2 {
        color: #7029ec;
        font-size: 14pt;
    }
    #mobile-homepage-blog #bottom {
        background-color: #FFFFFF;
        height: 90px;
        padding-left: 10px;
        width: 100%;
    }
    #mobile-homepage-blog #bottom ul {
        margin-top: 12px;
    }
    #mobile-homepage-blog #bottom ul li {
        line-height: 12pt;
        color: #333333;
        list-style-type: disc;
        list-style-position: inside;
        margin-bottom: 8px;
        margin-left: 0px;
        width: 90%;
    }
    #mobile-homepage-blog #bottom ul li a:link, 
    #mobile-homepage-blog #bottom ul li a:hover, 
    #mobile-homepage-blog #bottom ul li a:visited {
        color: #868686;
        font-family: verdana;
        font-size: 8pt;
        line-height: 12pt;
    }
    /********* Addition for about us page *************/
    #news-video-row {
        width: 96%!important;
        height: auto!important;
        overflow: hidden;
        padding: 10px 0px 10px 0px!important;
        border-top: 1px solid #7029ec!important;
        border-bottom: none!important;
    }
    #news-column {
        width: 95%!important;
        height: auto!important;
        margin-bottom: 10px;
        border: none!important;
    }
    #video-column {
        width: 100%!important;
        height: auto!important;
        border-top: 1px solid #7029ec;
    }
    #video-column-left {
        width: 90%!important;
        padding: 10px 0px;
    }
    #news-video-row h2{
        margin-left: 0px!important;
        font-size: 10pt!important;
    }
    #video-column-right {
        float: left!important;
        width: 90%!important;
    }
    #educate-contact-us-row {
        width: 96%!important;
        height: auto!important;
        overflow: hidden;
        padding: 10px 0px 10px 0px!important;
        border-top: 1px solid #7029ec!important;
        border-bottom: none!important;
    }    
    #educate-column {
        width: 95%!important;
        height: auto!important;
        margin-bottom: 10px;
        border: none!important;
    }    
    #contact-us-column {
        width: 100%!important;
        height: auto!important;
        border-top: 1px solid #7029ec;
        padding: 10px 0px;
    }    
    #educate-contact-us-row h2{
        margin-left: 0px!important;
        font-size: 10pt!important;
    }    
    #mobile-gallery img {
        width: 100%;
    }
    #mobile-contact-us-gallery p {
        padding-bottom: 10px;
    }
    #news-results-container {
        width: 96%!important;
        height: auto!important;
    }
    #news-results-container ul {
        margin-left: 10px!important;
    }
    .ArticleAbstractBlock  {
        border: none!important;
        width:98%!important;
    }
    .ArticleAbstractBlock h2 {
        font-size: 12pt!important;
    }  
    .ArticleAbstractBlock ul {
        list-style: none!important;
        padding: 0px!important;
    }
    .ArticleAbstractBlock li {
        margin-bottom: 15px!important;
        list-style-type: none!important;
        width: 92%!important;
        list-style-position: inside;
        list-style-type: disc!important;
        margin-left: 23px !important;
        text-indent: -1em;
    }
    #report-contact {
        display: none;
    }
    #news-pager {
        width: 96%!important;
        margin-left: 10px;
        margin-top: 10px!important;
    }
    #news-reporter {
        margin: 20px 0px 35px 0px!important;
        border-top: 1px solid #7029ec;
        width: 96%;
    }
    .newsResults-Pager {
        background-color: #7029ec;
        border-radius: 7px;
        float: left;
        height: 25px;
        margin: 0px 2px 0px !important;
        text-decoration: none;
        width: 25%;
        color: #7029ec;
        padding-top: 10px;
    }
    .newsResults-Pager a:link {
        color: #ffffff!important;
        font-size: 80%!important;
    }
    .newsResults-Pager a:hover {
        text-decoration: none!important;
        font-size: 80%!important;
    }
    #newsResults-PagerNext {padding: 8px 7px 4px 2px;float:right;margin-right:10px!important}
    #newsResults-PagerPrev {padding: 8px 7px 4px 2px;float:left;}
    #newsResults-PagerLast {display:none!important;}
    #newsResults-PagerFirst {display:none!important;}
    .newsResults-PagerInternal{display: none!important;}
    /************* Video page updates ************/
    #main-body #video-right-column #video-results-pager, 
    #main-body #video-right-column #video-results-container,
    #main-body #video-right-column,
    #main-body #video-left-column {width: 100%!important;margin-bottom:30px;}
    .tooltip {
        display: none!important;
    }
    #video-description {
        margin-left: 10px;
    }
    #video-description h3 {
        color: #ed6d3b!important;
        font-weight: bold!important;
        font-size: 14pt;
    }
    #main-body #video-right-column #video-results-container .video-thumbnail {
        width: 100%!important;
        height: auto!important;
        margin-top: 10px;
    }
    #main-body #video-right-column #video-results-container .video-thumbnail img {
        width: 100%!important;
        border-radius: 0px!important;
    }
    #main-body #video-right-column #video-results-container .mobile-video-overlay {
        margin-left: 40%;
        margin-top: 15%;
        position: absolute;  
    }
    
    #main-body #video-lists .mobile-video-overlay, #main-body #video-list .mobile-video-overlay {
        margin-left: 40%;
        margin-top: 15%;
        position: absolute;
        width: 20%;    
    }
    #main-body #video-right-column #video-results-container .mobile-video-overlay img {
        width: 30%!important;
    }
    #main-body #video-lists .mobile-video-overlay img, #main-body #video-list .mobile-video-overlay img  {
        width: 30%!important;
    }
    .mobile-video-title {position: absolute; width:100%; height:53px;background-color: #E76D4E; color: #ffffff;opacity:.8;margin-top:-55px;}
    .mobile-video-title h3 {margin: 10px 0px 0px 10px;}
    #video-left-column #FilterList li {float: left;width:50%}
    #video-left-column ul {margin-left: 5px!important;width:100%!important;color:#ffffff !important; font-size:9pt!important;}
    #main-body #video-left-column h1 {float: left;margin-left: 0px;width: 70%;margin-bottom:0px!important;font-size:18pt;margin-top:10px;}
    #main-body #video-left-column h3 {display: none;}
    #video-tab {display: none!important;}
    #video-lists #video-list .video-thumbnail img, #video-most #video-list .video-thumbnail img {height: auto!important; width: 100%!important; border-radius: 0px!important;}
    #video-lists #video-list .video-thumbnail, #video-most #video-list .video-thumbnail {width: 100%!important; height: auto!important;}
    #video-lists #video-list .video-thumbnail p, #video-most #video-list .video-thumbnail p {display: none!important;} 
    #video-filter-list {background-color: #7029ec; clear: both; display: block; width: 100%; height: 90px;padding:10px 0px 0px 0px;margin-left:0px;}
    #mobile-filter {width:18%;background-color: #7029ec;height:20px;float: right; color: #ffffff;padding:8px;margin-top:10px;margin-right:0px;}
    #mobile-filter a {color: #ffffff!important;}
    #main-body #video-right-column .videoResults-PagerInternal{display: none!important;}
    .videoResults-Pager {
        background-color: #7029ec;
        border-radius: 7px;
        float: left;
        height: 25px;
        margin: 0px 2px 0px !important;
        text-decoration: none;
        width: 25%;
        color: #7029ec;
        padding-top: 10px;
    }
    .videoResults-Pager a:link {
        color: #ffffff!important;
        font-size: 80%!important;
    }
    .videoResults-Pager a:hover {
        text-decoration: none!important;
        font-size: 80%!important;
    }
    #videoResults-PagerNext {padding: 8px 7px 4px 2px;float:right;margin-right:10px!important}
    #videoResults-PagerPrev {padding: 8px 7px 4px 2px;float:left;}
    #videoResults-PagerLast {display:none!important;}
    #videoResults-PagerFirst {display:none!important;}
    .videoResults-PagerInternal{display: none!important;}
    #video-lists {
        display: block;
    }
    #video-most {
        display: none;
    }
    #video-content {padding: 0px 10px;}
    /************ Contact us page *********/
    .privacy_info {
        margin-left: 0px!important;
    }
    .form_wrapper {
        width: 100%!important;
        min-width: 0px!important;
        height: auto!important;
    }
    .information {
        width: 96%!important;
    }
    .form_wrapper .field_container {
        width:96%;
    }
    .title_small {margin-bottom: 20px!important;}
    .title_small p {width: 100%!important;}
    .title_big {margin-top: 20px;margin-bottom: 20px!important;}
    .chapters_contacts_title {width: 80%!important;}
    .chapters_contacts {margin-top:0px!important;height:auto!important;margin-bottom:30px;}
    #chapterDataContainer .chapterData {margin-right: 10%!important;width: 40%!important;margin-bottom: 15px;}
    /************ Search Page *************/
    #search-results h1 {
        color: #ed6d3b!important;
        font-size: 16pt;
    }
    #search-header {
        clear: both;
        width: 100%!important;
        height: 45px;
        border-bottom: 1px solid #7029ec!important;
        margin-bottom: 0px!important;
    }
    #search-header h2 {
        margin-left: 0px!important;
        width: 70%!important;
        margin-top: 10px;
        float: left;
        margin-bottom: 0px!important;
        color: #ed6d3b!important;
    }
    #search-results #showing, #search-results #loadingSearchResults {
        margin: 20px 0px 10px 0px!important;
    }
    #searchResultsContainer {
        padding-left: 0px!important;
        width: 100%;
    }
    #searchResultsPager {
        width: 100%;
        text-align: center;
        font-size: 80%;
    }
    .searchResultURL {color: #7029ec!important;}
    .searchResultCopy em {color:#ed6d3b!important;}
    #facetContainer-media {
        margin-left: 0px;
        margin-right: -10px;
        overflow: auto;
        clear: both;
        background-color: #7029ec;
        color: #ffffff!important;
        padding: 10px 0px 10px 10px;
        margin-bottom: 0px!important;
        margin-right: 5px;
    }
    #facetContainer-media > span {
        width: 45%;
        margin-right: 10px!important;
        color: #ffffff!important;
    }
    #facetContainer-media ul li {
        width: 45%;
        float: left;
    }
    #desktop-search-header {display: none;}
    .searchResults-Pager {
        margin-top: 10px !important;
        margin-bottom: 25px !important;
        color: white;
    }
    .searchResults-Pager a span {
        webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background-color: #7029ec;
        padding: 15px 20px;
    }
    .searchResults-Pager a:link {
        color: #ffffff!important;
        font-size: 90%!important;
    }
    .searchResults-Pager a:hover {
        text-decoration: none!important;
        font-size: 90%!important;
    }
    #searchResults-PagerNext {
        float:right;
        margin-right: 10px!important;
    }
    #searchResults-PagerPrev {
        float:left;
        margin-left: 10px!important;
    }
    #searchResults-PagerLast {display:none!important;}
    #searchResults-PagerFirst {display:none!important;}
    .searchResults-PagerInternal{display: none!important;}
    /*************** Privacy Policy **************/
    #main-container .container {
        width: 100%!important;
        margin-top: 20px;
        padding: 0px 10px!important;
    }
    #main-container .container h1 {font-size: 18pt!important;}
    .ui-tabs .ui-tabs-panel {width: 100%!important;}
    .ui-tabs-nav {display: none!important;}
    .mobile #divWizardOuter table td{float: left;}
    .mobile #divWizardOuter{width: auto;}
    .mobile #divQuickWizardNextButton{width: auto;}
    #privacy, #editorial, #link, #terms-of-use, #state-disclosure-notice {margin-left: 10px;}
    .tabContainer {display: none!important;}
    .hide-more {display: none!important;}
    .show-more {display: block!important;}
    #tabs .styled-select {width: 93%!important;}
    /****************** Article Library Page ***********/
    #library-menu, #library-heading-blank {display: none!important;}
    #library-page #library-bottom {border: none!important;width:100%!important}
    #library-page {width: 100%!important; margin: 15px 0px 20px 10px!important;overflow:hidden!important;}
    #library-page h1 {margin-top: 10px;}
    #library-heading #library-heading-articles {margin-top: 10px;}
    #mobile-library-select {margin-bottom: 10px;margin-left: 0px;width: 94%;}
    #library-bottom #library-lists, .library-column, {width:96%!important;} 
    .library-column ul {width:96%!important; margin-left: 20px!important}
    .library-column ul li a:link, .library-column ul li a:active, .library-column ul li a:visited, .library-column ul li a:hover {font-weight: bold;text-decoration:underline;color: #7029ec!important;}
    .library-column li {list-style: none!important}
    #library-bottom #library-lists {padding-top: 2px!important;}
    /********* FAQ Pae *******************/
    #faq {width: 100%;margin-bottom:30px;} 
    #faq-intro {width:100%;}
    #faq h3:nth-last-child(2) {margin-bottom: 0px;}
    
    /********* Due Date Calculator ********/
    #due-date-calc {background-image: none!important;width:100%!important;padding:0px!important;height:auto!important;}
    #due-date-calc-top {width: 100%!important;}
    #due-date-calc-top h2 {width: 94%!important;}
    #due-date-calc-bottom {width: 94%!important; margin-left: 0px;} 
    #due-date-calc-bottom #calc {margin-bottom: 30px;} 
    .calc-desktop-button {display:none!important} 
    #ddc-month {
        width: 41%!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
    }  
    #ddc-date {
        width: 20%!important;
        margin-left: 6%!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
    }
    #ddc-year {
        width: 25%!important;
        margin-left: 6%!important;
        float: right!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
    }
    #ddc-year select, #ddc-date select, #ddc-month select, #ddc-day-amount select {
        padding-top: 12px!important;
        color: #ED6D3B!important;
        font-size: 12pt!important;
        font-weight: bold!important;
    }
    /********* Ovulation Calculator ********/
    #preg_calc_container {width: 100%!important;}
    #instructions {width: 100%!important;margin-bottom:0px!important;}
    #calc {width: 100%!important;height:auto!important;padding: 0px!important;border: none!important;}
    #calc-question-mark {margin-top:0px!important;}
    #calcform {width: 100%!important;margin-bottom:30px;}
    #calc-controls {width:100%!important;}
    #calc h3 {width: 100%!important; margin-top: 15px!important;}
    #resultsLeft {float: none!important;width:100%!important;margin-left: 0px!important;clear:both;}
    #resultsRight {float: none!important;width:100%!important;margin-left: 0px!important;margin-top:0px!important;}
    #calcform #rule {display: none!important;}
    #calc-question-mark {height: auto!important;}
    #calc-controls h3 {margin-top: 0px!important;}
    #calc-month {
        width: 41%!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
    }  
    #calc-date {
        width: 20%!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
        margin-left: 5%!important;
    }
    #calc-day-amount {
        width: 20%!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
        margin-left: 0px!important;
    }
    #calc-year {
        width: 26%!important;
        height: 40px!important;
        overflow: hidden;
        background: url(/css-images/new_arrow.png) no-repeat 95%!important;
        border: 1px solid #afafaf;
        border-radius: 6px;
        margin-left: 5%!important;
    }
    #calc-year select, #calc-date select, #calc-month select, #calc-day-amount select {
        padding-top: 12px!important;
        color: #ED6D3B!important;
        font-size: 12pt!important;
        font-weight: bold!important;
        width: 120%!important;
    }
    /************ Partner List ******************/
    #partners-list { width: 100%!important; padding: 0 10px!important;}
    .partner-item {width:100%!important;}
    .partner-item .partner-copy {width: 93%!important;}
}
@media screen and (min-width: 768px) {
    .paginateMePager {float:left; margin-right:6px;}
    #searchResults-PagerFirst {margin-right:4px;}
    #searchResults-PagerNext {margin-right:4px;}
    #facetContainer-media {display:block!important;}    
    #facetContainer-media > span {float: left;}
    #mobile-header-container, 
    #mobile-contact-us-gallery, 
    #mobile-signin-block,
    #mobile-signup-block,
    #mobile-incorrect-login-block,
    #mobile-signin-multiple-accounts-block, .mobile-video-overlay, .mobile-video-title {display:none;}
    #mobileNav-container, #mobile-search-header {display:none;}
    .calc-mobile-button {display:none!important} 
    #search-results h1, #search-header h2 {color:#7029ec!important}    
    .mobile {display: none;}    
    #mobile-video-container {display:none;}
    #mobile-video-homepage {display:none;}
    #mobile-footer-container {display:none;}
    #mobile-category-gallery-top {display:none;}
    #mobile-library-select, #mobile-topic, /*#mobile-article-text, .readmore-js-toggle,*/ #mobile-homepage-blog  {display:none!important;}
    #video-lists, #video-most {display: none;}
    .desktop-filter-list {display: block!important;}
    .mobile-tabContainer {display:none!important;} 
    #chart-main-area img.infographic { max-width: 70%; }
}
@media screen and (max-width: 500px) {
    #home-slide1 header, #home-slide2 header, #home-slide3 header, #home-slide4 header, #home-slide5 header {
        padding-top: 47%;
    }
    #main-container .bx-viewport {
        min-height: 0 !important;
    }
}
/* =============================================================================================*/
/* Mobile Video CSS                                                                             */
/* version: 1.1                                                                                 */
/* Last Modified: 04/09/14                                                                      */
/* Modified by: Scott Shapiro;                                                                  */
/* =============================================================================================*/
/* Mobile Video Container */
#mobile-video-container {
    width: 110%!important;
    height: auto!important;
    float: left;
    margin-top: 10px;
    margin-left: -10px;
}
#mobile-video-container-top {
    width: 94%;
    border-top: 1px solid #7029ec;
    padding: 10px 0px 50px 0px;
    margin: 0px 0px 0px 10px;
}
#mobile-video-container-top h2 {
    color: #7029ec;
    float: left;
    width: 40%;
}
/* Mobile Video Container Homepage */
#mobile-video-homepage {
    width: 100%!important;
    height: auto!important;
    float: left;
    margin-top: 10px;
}
#mobile-video-homepage-top {
    width: 94%;
    border-top: 1px solid #7029ec;
    padding: 10px 0px 50px 0px;
    margin: 0px 0px 0px 10px;
}
#mobile-video-homepage-top h2 {
    color: #7029ec;
    float: left;
    width: 40%;
}
/* Play video icon */
.mobile-video-play-icon {width: 100%; position: absolute; top:20%; left:40%}
.mobile-video-play-icon img { width:20%}
/* Title Overlay container */
.mobile-video-title-container {position: absolute; bottom:0px;width:100%; height:53px;background-color: #E76D4E; color: #ffffff;opacity:.8;}
.mobile-video-title-container h3 {width:97%; height:auto; margin-top:5px; overflow:hidden; padding:4px 4px 4px 4px; text-align:center; line-height:100%; font-family:verdana; font-size: 90%;float:left }
#mobile-topic {
    margin-bottom: 10px;
    width: 100%;
}
/*.readmore-js-toggle {
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    width: 95%!important;
    color: #7029ec !important;
}*/
/* =============================================================================================*/
/* Select box for Mobile pages
/* version: 1.1                                                                                 */
/* Last Modified: 04/09/14                                                                      */
/* Modified by: Scott Shapiro;                                                                  */
/* =============================================================================================*/
.styled-select {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: url(/css-images/new_arrow.png) no-repeat 95%;
    border: 1px solid #afafaf;
    border-radius: 6px;
    clear: both;  
}
.styled-select select {
    background: transparent;
    width: 110%;
    height:40px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    font-family: helvetica;
    color:#DF6D4D;
    font-size: 12pt;
    -webkit-appearance: none;
}