@charset "UTF-8";

html { 
    overflow-x:hidden;
}

body {
    overflow:visible !important;
}

#adaBreadcrumb {
    display:none;
}

.JSO_Main_Department_Entity_Page .pageContent {
    display:block !important;
}

#Carousel_Button_1, #Carousel_Button_2, #Carousel_Button_3, #Carousel_Button_4,
#Carousel_Button_5, #Carousel_Button_6, #Carousel_Button_7, #Carousel_Button_8,
#Carousel_Button_9, #Carousel_Button_10 {
    background-color:rgba(236, 236, 236, 1);
}


.fancybullets LI { /*Overriding broken Global Screen Styles*/
    left: 0em !important;
    text-indent: 0em !important;
}

#Below_Menu, #Carousel_Desktop_Nav_Previous, #Carousel_Desktop_Nav_Next {
    opacity:0.0; 
}

.page li a, .pageContent LI a {
    z-index:1 !important;
}

#mobile_load_screen {
    background-image:url(/App_Themes/coj2/images/new_category_headers/Loading_Swirl.gif);
    min-width: 90px;
    min-height: 90px;
    background-size: cover;
    left: -45px;
    top: 0px;
    margin-left: 50%;
    margin-top: 30%;
    position: absolute;
    z-index: 9999;
}

.JSO_Main_Department_Entity_Page {
    overflow:hidden;
}

.page_breadcrumb {
    opacity: 0.0;
    /*in-line style via script replaces first two links in breadcrumb   
        then sets its opacity to 1.0 which is prioritized over this.*/
}

/*IE Specific Style Forcing*/
.IE_Full_News, .IE_Fade_All {
    position:relative !important;
}

/*Hide on start-up*/
.Full_News_Story{
    opacity: 0.0;
    height: 0px;
    overflow: hidden;
}

#Desktop_Carousel_Center {
    width:100%;
    float:left;
}

#Contacting_JSO {
    padding-bottom:0px;
}

.JSO_fade_all {
    height:0px;
    overflow:hidden;
    position:absolute;
    opacity:0.0;
}

.JSO_faded_in {
    opacity: 1.0;
    height:auto;
    overflow:visible;
    position:relative;
}

.prep_for_fade_out {
    opacity: 1.0;
    height:auto;
    overflow:visible;
    width:78%;
    z-index:-2;
}

.prep_for_fade_in {
    opacity: 0.0;
    height:auto;
    overflow:visible;
    width:78%;
    z-index:-2;
}

#Hide_me_except_in_edit_mode {
    display:none;
}

#adaPageHeading,
#Carousel_Input_Hidden,
#Mobile_Carousel_Center{
    display:none;
}

/*IE wants this to clarify it's really gone:*/
.Body_Desktop #adaPageHeading,
.Body_Desktop #Carousel_Input_Hidden,
.Body_Desktop #Mobile_Carousel_Center,
#Carousel_Input_Hidden {
    height:0px;
    width:0px;
    float:left;
    overflow:hidden;
    max-height:0px;
    max-width:0px;
    position:absolute;
}

.Body_Desktop #Mobile_Carousel_Button {
    margin-left:-300%;
}

#Carousel_Overflow_To_Hide_Extra_Content {
    /*If you add 30 items you will need this to be 300% instead and you will need to change the widths to account for 30 items instead of 20*/
    width:200%; 
    position:relative; 
    left:0%; 
    height:inherit;
}

#Mobile_Carousel_Center {
    /*CONTROL Mobile_Carousel_Center*/
    opacity: 1.0;
    margin-top:4.5%;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    z-index:1;
    height:auto;
}

@media (max-width:600px) {
    #Mobile_Carousel_Center {
        margin-top:0.5%;
    }
}

@media (max-width:550px) {
    #Mobile_Carousel_Center {
        margin-top:0px;
    }
}

@media (max-width:450px) {
    #Mobile_Carousel_Center {
        margin-top:-7.5%;
    }
}

@media (max-width:375px) {
    #Mobile_Carousel_Center {
        margin-top: -15%;
    }
}

#Right_Side_Mobile_Spacer {
    display:none;
    max-height:0px;
    overflow:hidden;
}

/*Twitter feed expansion styles*/
#Twitter_Feed_Light {
    position:relative; 
    top:0px; 
    width:100%;
}

#Load_more_tweets, #Load_more_facebook {
    cursor:pointer;
}

#Load_more_tweets {
    max-width:520px;
}

#twitter-widget-1, #twitter-widget-0 {
    width:100%;
}

#Carousel_Output_Target_NavBar {
    opacity:0.0;
}

#Twitter_Feed_Heavy {
    position:relative; 
    top:0px; 
    width:100%;
    opacity:0.0;
    height:0px;
    overflow:hidden;
}

#JSO_Facebook_section a {
    text-decoration:none;
}

.JSO_load_more_social_media,
.JSO_load_more_social_media a,
.JSO_load_less_social_media,
.JSO_load_less_social_media a {
    color: rgb(243, 243, 243);
    background-color: #767676;
    text-decoration:none;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 200;
    margin-bottom:10px;
}

.JSO_load_more_social_media:hover,
.JSO_load_more_social_media a:hover,
.JSO_load_less_social_media:hover,
.JSO_load_less_social_media a:hover  {
    text-decoration:underline;
}

.fb-page, .fb_iframe_widget {
    z-index:1;
} 

.facebook_link_before_load_or_on_fail_due_to_security {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    font-size: 1.0em;
    max-width: 80%;
    text-decoration:underline;
}

/*Background Elypse*/
#Background_image_hide_on_mobile_and_EditMode {
    background-image:url(/App_Themes/coj2/images/jso_entityDefault/Elypse.png);
    min-width:801px;
    min-height:801px;
    position:absolute;
    margin-left:-440px; 
    margin-top: 39px;
}

#adaMain {
    z-index:1; 
    position:relative;
}

/*Loading Swirl Background*/
#Carousel_Output_Show_On_Complete
{
    background-image:url('/App_Themes/coj2/images/new_category_headers/Loading_Swirl.gif');
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 90px 90px;
    float:left;
    width:100%;
}

/*Carousel Styles*/
.Full_News_Story {
    float:left;
    width:100%;
    position:absolute;
}

#Carousel_Output_Wrapper_Only_Show_Five_At_A_Time {
    max-height:100%; 
    max-width:86%; 
    overflow:hidden; 
    float:left;
    opacity:0.0;
}

.ten_pixel_space_padding {
    min-height:8px;
    background-color:#383837;
}

/*hide padding below 400px width for smaller devices*/
@media (max-width:400px) {
    .ten_pixel_space_padding {
        min-height:0px;
    }
}

.image_overlay_for_thumbnail_on_hover {
    opacity:0.0;
    background-color:black;
    width:9.00%;
    min-height:110px;
    position:absolute;
    z-index:3;
}

.do_not_show_if_not_youtube_thumbnail {
    display:none;
}

.youtube_thumbnail_overlay {
    display:block;
    width:9.00%;
    opacity:1.0;
    min-height:110px;
    background-image:url(/App_Themes/coj2/images/jso_entityDefault/YT_thumb.png);
    background-repeat:no-repeat;
    background-size:50%;
    background-position:center;
    position:absolute;
    z-index:1;
}

.left_side_of_full_JSOnews {
    width:39.5%;
    float:left;
    max-height:374px; 
    overflow:hidden;
}

.right_side_of_full_JSOnews {
    width:60%;
    float:right;
}

.Carousel_desktop_image_container {
    width:100%; 
    overflow:hidden;
    max-height: 360px;
    position:relative; 
    z-index:3;
    text-align:center; /*for firefox*/
}

.JSOcarousel_iframe {
    width:100%;
    height:360px;
    position:relative;
}

/*Switching from using IMG tags to background-image*/
.JSOcarousel_image {
    max-height: 100%;
    max-width: 100%;
    display: block;
    padding-top: 64%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 100%;
}

/*Set to 1.0 on load complete*/
#Carousel_Output_Target_One {
    opacity:0.0;
    min-height:390px;
    min-width:100%;
}
#Mobile_Carousel_Button {
    display:none;
    font-size:1.2em; 
    font-weight:600; 
    color:#2f738a;
    background-image: url('/App_Themes/coj2/images/parks/directory/inPageArrow_Mobile.gif');
    background-repeat: no-repeat;
    background-position: top left;
    padding-top:10px; 
    padding-left:45px; 
    padding-bottom:5px;
    margin-top:15px;
    height:0px;
    overflow:hidden;
}

#Left_Side_Menu {
    max-width:170px;
    float:left;
    border-right-color: #767676;
    border-right-width:1px;
    border-right-style:solid;
    margin-bottom:10px;
}

#Right_Side_Menu {
    max-width:78%;
    float:right;
}

#Middle_Menu {
    float:left;
    width:100%;
    margin-top:40px;
    margin-bottom:100px;
}

#Below_Menu {
    float:left;
    width:100%;
    margin-top:0px;
}

#Below_Menu table, #Below_Menu p{
    background-color:rgba(0, 0, 0, 0.0) !important;
}

.footerBleed {
    width:100%;
}

/*Youtube video player styles*/
#JSO_Media_Header {
    background-color: #30567d;
    width: 649px;
    height: 43px;
    border-radius: 20px 20px 0px 0px;
    opacity: 1.0;
    margin-top:-43px;
    border-left:1px;
    border-top:1px;
    border-bottom:0px;
    border-right:1px;
    border-style:solid;
    border-color:#898989;
    box-shadow: inset 0px 0px 20px #9ac9fb;
    background: -moz-linear-gradient(left, rgba(48,86,125,1) 0%, rgba(93,146,201,1) 55%, rgba(158,203,251,0.5) 100%);
    background: -webkit-linear-gradient(left, rgba(48,86,125,1) 0%,rgba(93,146,201,1) 55%,rgba(158,203,251,0.5) 100%);
    background: linear-gradient(to right, rgba(48,86,125,1) 0%,rgba(93,146,201,1) 55%,rgba(158,203,251,0.5) 100%);
    background-size: 100% 42px;
    background-repeat: no-repeat;
    background-image: url(/App_Themes/coj3/images/menu/Header_Stripe_COJ3.png);
}

#JSO_Media_Background_Fade {
    z-index: 99998;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    opacity:0.0;
    display:none;
    background-color:black;
}

#JSO_Video_Description {
    border-radius: 0px 0px 20px 20px;
    background-color: #383837;
    color: white;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    padding-top: 18px;
    font-size: 0.85em;
    line-height: 120%;
    border-left: 1px;
    border-bottom: 1px;
    border-right: 1px;
    border-top:0px;
    border-color: #898989;
    border-style: solid;
    box-shadow: 0px 0px 160px black;
}

#JSO_Close_X {
    min-width:40px;
    min-height:40px;
    margin-top:1.5px;
    margin-right:2px;
    background-image:url(/App_Themes/coj3/images/menu/X_Close_Mobile_COJ3.png);
    background-size:cover;
    float:right;
    cursor:pointer;
}

#JSO_Media_Player {
    position: fixed;
    opacity: 0.0;
    max-height: 0px;
    overflow: visible;
    width: 651px;
    height: 327px;
    margin-left: -325px;
    margin-top: -200px;
    left: 50%;
    top: 50%;
    background-color: black;
    z-index: 99999;
    display:none;
    box-shadow: 0px -40px 130px black;
}

#JSO_Video_Container {
    width:649px;
    height: 327px;
    overflow:hidden;
    border-left:1px;
    border-right:1px;
    border-top:0px;
    border-bottom:0px;
    border-style:solid;
    border-color:#898989;
}

#JSO_Video_Container iframe {
    width: 726px;
    height: 430px;
    margin-top: -52px;
    margin-left: -38px;
}

@media (min-width:980px) and (min-height:676px) {
    #JSO_Media_Player {
        width: 950px;
        height: 535px;
        margin-left: -475px;
        margin-top: -286px;
    }
    #JSO_Video_Container {
        width: 949px;
        height: 485px;
    }
    #JSO_Media_Header {
        width: 949px;
    }
    #JSO_Video_Container iframe {
        width: 1026px;
        height: 630px;
        margin-top: -72px;
        margin-left: -38px;
    }

}

@media (max-height:524px) {
    #JSO_Media_Player {
        width: 350px;
        height: 184px;
        margin-left: -175px;
        margin-top: -92px;
    }
    #JSO_Video_Container {
        height: 184px;
        width: 348px;
    }
    #JSO_Media_Header {
        width: 348px;
    }
    #JSO_Video_Container iframe {
        width: 366px;
        height: 260px;
        margin-top: -36px;
        margin-left: -13px;
    }
    .JSO_Video_date, .JSO_Video_description {
        display:none;
    }
}

@media (max-height:355px) {
    #JSO_Media_Player {
        width: 250px;
        height: 128px;
        margin-left: -125px;
        margin-top: -64px;
    }
    #JSO_Video_Container {
        height: 128px;
        width: 248px;
    }
    #JSO_Media_Header {
        width: 248px;
    }
    #JSO_Video_Container iframe {
        width: 256px;
        height: 260px;
        margin-top: -67px;
        margin-left: 0px;
    }
    .JSO_Video_date, .JSO_Video_description {
        display:none;
    }
}

@media (max-width:666px) {
    #JSO_Media_Player {
        width: 350px;
        height: 184px;
        margin-left: -175px;
        margin-top: -92px;
    }
    #JSO_Video_Container {
        height: 184px;
        width: 348px;
    }
    #JSO_Media_Header {
        width: 348px;
    }
    #JSO_Video_Container iframe {
        width: 366px;
        height: 260px;
        margin-top: -36px;
        margin-left: -13px;
    }
    .JSO_Video_date, .JSO_Video_description {
        display:none;
    }
}

@media (max-width:480px) {
    #JSO_Media_Player {
        width: 250px;
        height: 128px;
        margin-left: -125px;
        margin-top: -64px;
    }
    #JSO_Video_Container {
        height: 128px;
        width: 248px;
    }
    #JSO_Media_Header {
        width: 248px;
    }
    #JSO_Video_Container iframe {
        width: 256px;
        height: 260px;
        margin-top: -67px;
        margin-left: 0px;
    }
    .JSO_Video_date, .JSO_Video_description {
        display:none;
    }
    .video_header_mobile_adjust {
        margin-top: 12% !important;
    }
}

#Crime_Tips, #Online_Reporting, #Crime_Statistics, #About_the_JSO {
    margin-bottom:0px;
}

#About_the_JSO select {
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: auto;
    border-style: solid;
    font-size: 18px;
    color: #666666;
    height: 29px;
    min-width:238px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-color: #cccccc;
    border-width: 1px;
    border-radius: 6px 6px 6px 6px;
}

#Crime_Tips h2, #Online_Reporting h2, #Crime_Statistics h2, #About_the_JSO h2, #Contacting_JSO h2{
    color: #30567d;
    font-size: 2em;
    font-weight: 600;
    margin-top: 0px;
}

#JSO_media_button a {
    color:#30567d !important;
}

@media (max-width:622px) {
    .DR_title {
        font-size: 170% !important;
        font-weight: 400;
    }
    #JSO_media_button {
        font-size: 140%!important;
    }
    .pageContent .Carousel_desktop_image_container IMG {
        height:100% !important;
    }
}

/*@media (min-width:667px) {
    .Contacting_the_JSO_column_splitter, .About_the_JSO_column_splitter {
        -webkit-column-count:2;
        column-count:2;
        -o-column-count:2;
        -moz-column-count:2;
    }
}*/

#Below_Menu_BG_FullScreen_Absolute,
#crime_tips_BG_gradient,
#online_reporting_BG_gradient,
#contacting_jso_BG_gradient,
#about_the_jso_BG_gradient,
#crime_statistics_BG_gradient
 {
    position: absolute;
    min-height: 250px;
    min-width: 300%;
    left: 0px;
    margin-top: -100px;
    z-index: 1;
    margin-left: -100%;
    background-color: white;
    background-repeat:repeat-x;
    background-image:url(/App_Themes/coj2/images/jso_entityDefault/Grey_to_white_gradient.gif);
    opacity:0.0;
}

#crime_tips_BG_gradient,
#online_reporting_BG_gradient,
#contacting_jso_BG_gradient,
#about_the_jso_BG_gradient,
#crime_statistics_BG_gradient {
    display: none;
}

.digital_river_content_container {
    z-index:2;
    background-color:transparent;
    position:relative;
}

.digital_river_content_container div, .digital_river_content_container span, .digital_river_content_container a, .digital_river_content_container table {
    background-color:transparent !important;
}

.drop_shadow_for_news_item {
    width: 75%;
    margin-top: -16px;
    position: absolute;
    margin-left: -7%;
    background-image: url('/App_Themes/coj2/images/jso_entityDefault/Drop_Shadow_ImageorVideo.png');
    background-size: cover;
    min-height: 36px;
}

/*Carousel Navigation*/

#Carousel_Desktop_Nav_Wrapper {
    background-color: white;
    width: 100%;
    border-radius: 90px;
    max-height:170px;
    height: 170px;
    position:relative;
    z-index:3;
}

#Carousel_Desktop_Nav_Previous {
    min-width: 6%;
    margin-left: 1%;
    min-height: 100%;
    float: left;
    background-position: center;
    background-size: 53%;
    background-repeat: no-repeat;
    background-image:url('/App_Themes/coj2/images/jso_entityDefault/Prev_HD.png');
}

#Carousel_Desktop_Nav_Next {
    min-width: 6%;
    margin-right: 1%;
    min-height: 100%;
    float: left;
    background-position: center;
    background-size: 53%;
    background-repeat: no-repeat;
    background-image:url('/App_Themes/coj2/images/jso_entityDefault/Next_HD.png');
}

#Carousel_Nav_Drop_Shadow {
    width: 120%;
    position: absolute;
    background-size: cover;
    margin-top: -13px;
    z-index: 0;
    margin-left: -10%;
    min-height: 33px;
    background-image: url('/App_Themes/coj2/images/jso_entityDefault/Drop_Shadow_Nav.png');
}

.Navigation_Button_JSOCarousel {
    width: 9.00%;
    float: left;
    margin-left: 0.5%;
    margin-top: 30px;
    margin-right: 0.5%;
    max-height: 110px;
    overflow: hidden;
}

/*Height change since nav becomes smaller*/
@media (max-width:860px) {
    .Navigation_Button_JSOCarousel {
        margin-top: 24px;
    }

}

/*Now styled using backgroudn images*/
.thumbnail_image {
    max-width: 100%;
    display: block;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 110px;
    min-height: 100%;
    min-width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}


.Youtube_Variant_iFrame_Shadow {
    margin-top:-24px;
}

/*Compensation for Tablet Resolution once top nav is squished too far and breaks*/


/*Mobile Carousel*/
.Mobile_Version_Of_Carousel_Output_Item {
    width:100%;
    position:absolute;
    opacity: 0.0;
}

.Mobile_TopNav_Image_Bar {
    background-color:#30567d; 
    width:100%; 
    height:43px; 
    border-radius:20px 20px 0px 0px;
    opacity:1.0;
}

#Carousel_Output_Target_Two {
    position:relative;
    top: -51px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    float:left;
}

#Mobile_Carousel_Previous {
    min-width: 10%;
    min-height:300px;
    float: left;
    background-position: center;
    background-size: 53%;
    background-repeat: no-repeat;
    background-image:url('/App_Themes/coj2/images/jso_entityDefault/Prev_HD.png');
}

#Mobile_Carousel_Next {
    min-width: 10%;
    min-height:300px;
    float: right;
    background-position: center;
    background-size: 53%;
    background-repeat: no-repeat;
    background-image:url('/App_Themes/coj2/images/jso_entityDefault/Next_HD.png');
}

.News_Story_Href {
    opacity:0.0;
    position:absolute;
    left:0px;
}

/*Adjust prev and next buttons once device reaches a min of 420 pixel threshold*/
@media (max-width: 500px){
    #Mobile_Carousel_Next {
       width: 15%; 
       margin-right: -5%;
    }
    #Mobile_Carousel_Previous {
       width: 15%; 
       margin-left: -5%;
    }
}

.text-hidden {
    max-height:0px;
    max-width:0px;
    opacity:0.0;
    position:absolute;
    overflow:hidden;
}

.mobile_news_container {
    border-radius:0px 0px 20px 20px;
    background-color:#383837;
    color:white;
}

.mobile_JSOnews_title_link {
    color:white;
    text-decoration:none;
}

.mobile_JSOnews_title_link a {
    color:white;
    text-decoration:none;
    font-weight:400;
    padding-bottom:10px;
}

.JSO_Video_date {
    margin-bottom:15px; 
    font-weight:200;
}

.JSO_Video_description {
    font-weight:200;
}

.mobile_JSOnews_summary{
    color:white;
    text-decoration:none;
    font-weight:200;
    display:none;
}

.mobile_news_container {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}

.mobile_JSOnews_summary a{
    color:white;
    text-decoration:none;
    font-weight:400;
    line-height: 0.6;
}

#Mobile_Carousel_Dark_Background_Fade {
    background-color:black;
    position:fixed;
    top:0px;
    z-index:8900;
    opacity:0.0;
    display:none;
}

/*Mobile Phone Font Resize for news title*/

@media (max-width:360px) {
    .mobile_JSOnews_summary, .mobile_JSOnews_summary a {
        font-size: 0.87em;
        line-height: 0.6;
    }
}

.mobile_image_or_youtube {
    max-height:300px;
    overflow:hidden;
    background-color:#383837;
}

/*Adjust due to lack of header image*/
.pageBleed {
    top: 20px;
    /*Removed /App_Themes/coj2/images/parks/tv/TV_bg_gradient.png (Blue gradient) on Wade's Request*/
    background: url('') repeat-x #ecebe9 ;
    padding-bottom:0px !important;
}

.page_breadcrumb {
    padding-top:65px;
    padding-bottom:0px;
}

.page_header h1{
    color:#333333;
    font-weight:400;
    font-size: 2em;
    font-weight:600;
}

.Mobile_and_EditMode_Only_Header {
    display:none;
}

.bracketBox {
    padding:0px;
}

.full_JSOnews_title_link a{
    color: #30567d;
    font-weight: 400;
    position: relative;
    font-size: 1.4em;
    text-decoration:none;
    z-index:5;
}

@media screen and (max-width:555px) { .full_JSOnews_title_link a { z-index:5; } }

.full_JSOnews_title_link {
    max-width:332px;
    cursor:pointer;
    margin-top: 40px;
}

.Navigation_Button_JSOCarousel, 
#Carousel_Desktop_Nav_Next, 
#Carousel_Desktop_Nav_Previous,
#Mobile_Carousel_Next,
#Mobile_Carousel_Previous {
    cursor:pointer;
}

.full_JSOnews_title_link :hover{
    text-decoration:underline;
}

.full_JSOnews_summary {
    max-width:332px;
    z-index:3;
    position:relative;
    max-height:325px;
    overflow:hidden;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}

#Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
    position:fixed;
    left:0px;
    z-index:998;
    bottom:0px;
    width:100%;
    min-height:78px;
    max-height:78px;
    overflow:hidden;
    border-top-width:2px;
    border-top-color:#ffffff;
    border-top-style:solid;
    margin-left:auto;
    margin-right:auto;
}

#Digital_River_Transparent_Background {
    min-height:78px;
    min-width:100%;
    position:absolute;
    opacity:0.5;
    background-color:#a3a3a3;
    z-index:-1;
}

#Digital_River_Padding {
    margin-left:auto;
    margin-right:auto;
    max-width:960px;
    width:100%;
}

.Digital_River_Button {
    float:left;
    overflow:hidden;
    margin-top: 18px;
    min-width:18%;
    padding-left:1%;
    min-height:40px;
    max-height:40px;
    overflow:hidden;
    color:white;
    text-decoration:none;
    border-radius: 20px;
    margin-right:0.5%;
    margin-left:0.5%;
    background-image: url('/App_Themes/coj3/images/menu/button_bg.png');
    background-position:center; 
    background-size:cover;
    background-color: rgb(12, 42, 73);
    line-height:250%;
}

.Digital_River_Button:hover {
    background-image: url('/App_Themes/coj3/images/menu/button_bg_hover.png');
}


.JSO_Mobile_close_me_X {
    float:right;
    max-width:43px;
    max-height:43px;
}

/*JSO Media Player*/
#JSO_media_button {
    font-size: 150%;
    font-weight: 400;
    color: #30567d;
    padding-left: 45px;
    background-image: url('/App_Themes/coj2/images/parks/directory/Theres_Always_inPageButton.gif');
    background-repeat: no-repeat;
    background-position: left;
    letter-spacing: -1px;
    padding-top: 6px;
    padding-bottom: 3px;
    cursor:pointer;
}

#show_me_if_scrolled #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
    position:absolute; 
    width:100%; 
    top:0px; 
    margin-top:-79px;
}

@media (orientation: landscape) {
    #show_me_if_scrolled #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        margin-top:-80px;
    }
}

@media (max-width: 1227px) {
    #show_me_if_scrolled #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        position: relative;
        width: 100%;
        top: 0px;
        margin-top: -96px;
    }
    .footerBorderBox {
        padding-top:18px;
    }
}

@media (max-width: 1015px) {
    .Body_Tablet .page_breadcrumb,
    .Body_Tablet .page_header,
    .Body_Tablet .Full_News_Story
    {
        margin-left:35px;
    }
    .Carousel_desktop_image_container, .right_side_of_full_JSOnews iframe {
        width:90%;
        margin-left:5%;
        margin-top:40px;
    }
    #Carousel_Nav_Drop_Shadow {
        min-height: 30px;
    }
}

@media (max-width: 835px) {
    #Carousel_Nav_Drop_Shadow {
        min-height: 25px;
    }
}

@media (max-width: 767px) {
    body {
        background-color:white !important;
    }
    .Body_Tablet #Carousel_Output_Show_On_Complete, 
    .Body_Tablet .page_header h1, 
    .Body_Tablet #adaBreadcrumb {
        margin-left:0px; 
        width:100%;
    }
    #Below_Menu {
        opacity:1.0;
    }
}

/*Adaptive Right side menu compensation on Tablets*/
@media (min-width:768px) {
    #Right_Side_Menu {
        width:75%;
    }
}

@media (min-width:805px) {
    #Right_Side_Menu {
        width:76%;
    }
}
@media (max-width:840px) {
    #Carousel_Desktop_Nav_Wrapper {
        margin-top:10px;
    }
}
@media (min-width:840px) {
    #Right_Side_Menu {
       width:78%;
    }
    .full_JSOnews_summary {
        max-height: 305px;
    }
}
@media (min-width:1020px) {
    #Right_Side_Menu {
       width:80%;
    }
}

/*PHONE STYLE OVERRIDES:*/

/*Header Re-appears on mobile*/
.Body_Phone #adaPageHeading{
    display:block;
    overflow:hidden;
    height:292px;
    background-image:url(/App_Themes/coj2/images/jso_entityDefault/Mobile_Header.jpg) !important;
    background-position: 0px 5px;
    background-size: 100%;
}
/*Set header max width at threshold*/
@media (max-width: 550px) {
    .Body_Phone #adaPageHeading {
        background-size: 550px;
    }
}

.Body_Phone .headerBorderBox {
    display:none;
}
.Body_Phone .pageBleed {
    top: 0px;
    margin-top: 0px;
}
.Body_Phone .blurLayer, .Body_Phone #h1_entityTitle {
    display:none;
}
.Body_Phone .pageBleed {
    border-top: 0px;
    background: url('') repeat-x #ffffff ;
}
.Body_Phone .Mobile_and_EditMode_Only_Header {
    display:block;
}
.Body_Phone #Mobile_Carousel_Button {
    display:block;
    cursor:pointer;
    margin-top:15px;
    margin-bottom:15px;
    /*Hidden following change to permanent presence for carousel*/
    display: none;
    height:auto;
    overflow:initial;
    margin-left: -2px;
}

.Body_Phone #Carousel_Output_Show_On_Complete {
    background-image:url('');
}

.Body_Phone #Mobile_Carousel_Center {
    display:block;
}

.Body_Phone #Carousel_Output_Target_Two {
    display:block;
    opacity:1.0;
    height:auto;
    min-height:initial;
    margin-left:auto;
    margin-right:auto;
    z-index:3;
}

.Body_Phone #Right_Side_Menu {
    max-width:100%;
    float:none;
}

.Body_Phone .drop_shadow_for_news_item,
.Body_Phone #Carousel_Nav_Drop_Shadow,
.Body_Phone #Carousel_Desktop_Nav_Wrapper,
.Body_Phone #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
    display:none;
}
.Body_Phone #Contacting_JSO {
    padding-bottom:0px;
}
.Body_Phone .JSO_fade_all {
    display:block !important;
    opacity:1.0 !important;
    height:auto !important;
    position:relative !important;
}
.Body_Phone #Background_image_hide_on_mobile_and_EditMode {
    background-image:url();
    display:none;
}
.Body_Phone .Carousel_desktop_image_container {
    margin-left:10.5%;
}
.Body_Phone .JSOcarousel_iframe {
    margin-top:40px;
    margin-left:10.5%;
}
.Body_Phone .left_side_of_full_JSOnews {
    margin-top: 55%;
    margin-left: 9.5%;
    width: 80%;
}
.Body_Phone #JSOcarousel_image_container {
    max-height:300px;
    overflow:hidden;
}
.Body_Phone #Below_Menu, .Body_Phone #Middle_Menu {
    margin-top:0px;
}
.Body_Phone #Middle_Menu {
    margin-bottom:25px;
}
.Body_Phone #Mobile_Carousel_Dark_Background_Fade {
    display:block;
}
.Body_Phone #Right_Side_Mobile_Spacer {
    display:block;
    min-height:5px;
    max-height:initial;
}
.Body_Phone .page_header h1{
    margin-left: 0px;
    margin-top: 6px;
    display:none;
}
.Body_Phone .right_side_of_full_JSOnews {
    position:absolute;
    float:none;
    width:90%;
}
.Body_Phone #crime_tips_BG_gradient,
.Body_Phone #online_reporting_BG_gradient,
.Body_Phone #contacting_jso_BG_gradient,
.Body_Phone #about_the_jso_BG_gradient,
.Body_Phone #crime_statistics_BG_gradient {
    display:none;
}
.Body_Phone #Crime_Tips,
.Body_Phone #Online_Reporting,
.Body_Phone #Crime_Statistics,
.Body_Phone #About_the_JSO {
    margin-bottom:20px;
}
.Body_Phone .JSOmobile_hidden {
    display:none !important;
    height:0px !important;
    overflow:hidden !important;
    max-height:0px !important;
}
.Body_Phone .full_JSOnews_title_link,
.Body_Phone .full_JSOnews_summary {
    max-width:initial;
}
.Body_Phone .full_JSOnews_summary {
    max-height:150px;
}

.Body_Phone .video_header_mobile_adjust {
    /*margin-top: 0px;*/
}
.Body_Phone .left_side_of_full_JSOnews {
        max-height:initial;
}
.Body_Phone #Carousel_Output_Target_One {
    margin-top:-20px;
}
.Body_Phone #Carousel_Output_Target_One {
        min-height:initial;
}
.Body_Phone .full_JSOnews_summary {
    -webkit-line-clamp: 6;
}

/*Adjust font for header on smaller mobile devices*/
@media (max-width:400px) {
    .Body_Phone .page_header h1 {
        font-size: 1.63em !important;
    }
}

.Body_Tablet #Mobile_Carousel_Button {
    margin-left:-300%;
}

/* Change Over to listing content vertically (phone style) once screen becomes too narrow (767px) - Same as mobile style */

@media (max-width: 767px) {
    #Left_Side_Menu {
        display:none;
    }
    .Body_Tablet #adaPageHeading{
        display:block;
        overflow:hidden;
        height:292px;
        background-image:url(/App_Themes/coj2/images/jso_entityDefault/Mobile_Header.jpg) !important;
        background-position: 0px 5px;
        background-size: 100%;
    }
    .Body_Tablet .headerBorderBox {
        display:none;
    }
    .Body_Tablet .pageBleed {
        top: 0px;
        margin-top: 0px;
    }
    .Body_Tablet .blurLayer, .Body_Tablet #h1_entityTitle, .Body_Tablet .page_breadcrumb {
        display:none;
    }
    .Body_Tablet .pageBleed {
        border-top: 0px;
        background: url('') repeat-x #ffffff ;
    }
    .Body_Tablet .Mobile_and_EditMode_Only_Header {
        display:block;
    }
    .Body_Tablet #Mobile_Carousel_Button {
        display:block;
        cursor:pointer;
        margin-top:15px;
        margin-bottom:15px;
        /*changed to hidden*/
        display:none;
        height:auto;
        overflow:initial;
        margin-left:-2px;
    }
    .Body_Tablet #Carousel_Output_Show_On_Complete {
        background-image:url('');
    }
    .Body_Tablet #Mobile_Carousel_Center {
        display:block;
    }
    .Body_Tablet #Carousel_Output_Target_Two {
        display:block;
        opacity:1.0;
        height:auto;
        min-height:initial;
        margin-left:auto;
        margin-right:auto;
        z-index:1;
    }

    .Body_Tablet .drop_shadow_for_news_item,
    .Body_Tablet #Carousel_Nav_Drop_Shadow,
    .Body_Tablet #Carousel_Desktop_Nav_Wrapper,
    .Body_Tablet #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        display:none;
    }

    .Body_Tablet #Right_Side_Menu {
        max-width:100%;
        float:none;
    }
    .Body_Tablet #Contacting_JSO {
        padding-bottom:0px;
    }
    .Body_Tablet .JSO_fade_all {
        display:block !important;
        opacity:1.0 !important;
        height:auto !important;
        position:relative !important;
    }
    .Body_Tablet #Background_image_hide_on_mobile_and_EditMode {
        background-image:url();
        display:none;
    }
    .Body_Tablet .JSOcarousel_iframe {
        margin-top:40px;
        max-height:300px;
    }
    .Body_Tablet #JSOcarousel_image_container {
        max-height:300px;
        overflow:hidden;
    }
    .Body_Tablet #Below_Menu, .Body_Tablet #Middle_Menu {
        margin-top:0px;
    }
    .Body_Tablet #Middle_Menu {
        margin-bottom:25px;
    }
    .Body_Tablet #Below_Menu {
        margin-bottom: 100px;
    }
    .Body_Tablet #Mobile_Carousel_Dark_Background_Fade {
        display:block;
    }
    .Body_Tablet #Right_Side_Mobile_Spacer {
        display:block;
        min-height:5px;
        max-height:initial;
    }
    .Body_Tablet .page_header h1{
        margin-left: 0px;
        margin-top: 6px;
        display:none;
    }
    .Body_Tablet #crime_tips_BG_gradient,
    .Body_Tablet #online_reporting_BG_gradient,
    .Body_Tablet #contacting_jso_BG_gradient,
    .Body_Tablet #about_the_jso_BG_gradient,
    .Body_Tablet #crime_statistics_BG_gradient {
        display:none;
    }
    .Body_Tablet #Crime_Tips,
    .Body_Tablet #Online_Reporting,
    .Body_Tablet #Crime_Statistics,
    .Body_Tablet #About_the_JSO {
        margin-bottom:20px;
    }
    .Body_Tablet .full_JSOnews_title_link,
    .Body_Tablet .full_JSOnews_summary {
        max-width:initial;
    }
    .Body_Tablet .full_JSOnews_summary {
        max-height:150px;
    }
    .Body_Tablet .JSOmobile_hidden {
        display:none !important;
        height:0px !important;
        overflow:hidden !important;
        max-height:0px !important;
    }
    .show_me_if_scrolled {
        display:none !important;
    }
    .Body_Tablet .right_side_of_full_JSOnews {
        position:absolute;
        float:none;
        width:90%;
    }
    .Body_Tablet .left_side_of_full_JSOnews {
    margin-top: 55%;
    margin-left: 4.5%;
    width: 80%;
    }
    .Body_Tablet .video_header_mobile_adjust {
        /*margin-top: 0px;*/
    }
    .Body_Tablet .left_side_of_full_JSOnews {
        max-height:initial;
    }
    .Body_Tablet #Carousel_Output_Target_One {
        margin-top:-20px;
    }
    .Body_Tablet #Carousel_Output_Target_One {
        min-height:initial;
    }
    .Body_Tablet .full_JSOnews_summary {
        -webkit-line-clamp: 6;
    }
}

/*Facebook Styles*/

/*Force facebooks transform origin to 0 0*/
.fb-page{
    transform-origin: 0 0;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
}

#Facebook_iframe_height_controller {
    overflow:hidden;
}

/*Adapt height so frame is never too tall*/

@media (min-width:1px) {
    #Facebook_iframe_height_controller {
        min-height:300px;
        max-height:300px;
    }
}

@media (min-width:403px) {
    #Facebook_iframe_height_controller {
        min-height:400px;
        max-height:400px;
    }
}

@media (min-width:490px) {
    #Facebook_iframe_height_controller {
        min-height:500px;
        max-height:500px;
    }
}

@media (min-width:490px) {
    #Facebook_iframe_height_controller {
        min-height:500px;
        max-height:500px;
    }
}

@media (min-width:550px) {
    #Facebook_iframe_height_controller {
        min-height:600px;
        max-height:600px;
    }
}

@media (min-width:660px) {
    #Facebook_iframe_height_controller {
        min-height:600px;
        max-height:600px;
    }
}

@media (min-width:768px) {
    #Facebook_iframe_height_controller {
        min-height:500px;
        max-height:500px;
    }
    #Mobile_Carousel_Center, #Right_Side_Mobile_Spacer  {
        /*DO NOT show mobile carousel past 768 pixels NO MATTER WHAT*/
        display:none !important;
    }
    .digital_river_content_container {
        background-image: url(/App_Themes/coj2/images/jso_entityDefault/Grey_to_white_gradient.gif);
        background-repeat: repeat-x;
        background-color: white;
        padding-left: 300%;
        padding-right: 300%;
        margin-left: -300%;
        padding-top: 100px;
        padding-bottom:100px;
        width:100%;
    }
}

@media (min-width:895px) {
    #Facebook_iframe_height_controller {
        min-height:600px;
        max-height:600px;
    }
}

/* Mobile Collapse / Expand Buttons */

.Mobile_Close_Button_X {
    cursor:pointer;
}

.JSOmobile_tab_open {
    background-image:url(/App_Themes/coj2/images/parks/directory/Tab_Is_Open.png);
}

.JSOmobile_tab_closed {
    background-image:url(/App_Themes/coj2/images/parks/directory/Tab_Is_Closed.png);
}

.Mobile_and_EditMode_Only_Header {
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-color:#767676;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left:40px;
    font-weight:400;
    color:white;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:5px;
}

.JSOmobile_hidden {
    /*DO NOT STYLE THIS - only display none in mobile resolutions */
}


/*Digital River Mobile Styles*/

@media (max-width:1228px) {
    #Digital_River_Transparent_Background {
        background-color: #d1d1d1;
        opacity:1.0;
    }
}

@media (max-width:749px) {
    #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        min-height: 128px;
        max-height: 128px;
    }

    #adaFooter #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        margin-top: -145px;
    }
    /*Mobile Phone Padding for the Below Menu Page*/
    .Body_Phone #Below_Menu, .Body_Tablet #Below_Menu {
        margin-bottom: 140px;
    }

    #Digital_River_Transparent_Background {
        min-height: 128px;
        background-color: #d1d1d1;
        opacity:1.0;
    }

    .Digital_River_Button {
        min-width: 31.3%;
    }
}
    
/*Narrow if window too short*/
@media (max-width:749px) and (max-height:303px) {
    #adaMain .Digital_River_Button {
        min-height:30px;
        font-size: 0.85em !important;
    }
    #show_me_if_scrolled .Digital_River_Button {
        min-height:30px;
        font-size: 0.89em !important;
    }
    .Digital_River_Button {
        margin-top:5px !important;
    }
    #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        max-height:131px;
        min-height:72px;
    }
    #adaFooter #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        margin-top: -99px;
    }
}


@media (max-width:599px) {
    #adaMain .Digital_River_Button {
        min-height:30px;
        font-size: 1em !important;
    }
    #show_me_if_scrolled .Digital_River_Button {
        min-height:30px;
        font-size: 1em !important;
    }
}

@media (max-width:568px) {
    #adaMain .Digital_River_Button {
        min-height: 30px;
        font-size: 0.85em !important;
    }
}

@media (max-width:402px) {
    #adaMain .Digital_River_Button {
        min-height:20px;
        font-size: 0.67em !important;
        margin-top:10px;
    }
    #show_me_if_scrolled .Digital_River_Button {
        min-height:20px;
        font-size: 0.8em !important;
        margin-top:10px;
    }
    #Digital_River_Transparent_Background {
        min-height:86px;
    }
    #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        min-height: 86px;
    }
   #adaFooter #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        margin-top: -102px;
    }
    @media (max-height:303px) {
        #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
            min-height:62px;
        }
        #adaFooter #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
            margin-top: -82px;
        }
    }
}

/*hide if window too small*/
@media (max-width:313px) {
    #show_me_if_scrolled, #Fixed_DigitalRiver_Bar_Hide_On_Mobile_and_EditMode {
        display:none !important;
    }
}

/*Footer Style Override : So no matter what is ultimatley done to the footer it will work for this template*/
.footerBleed {
    position: absolute !important;
    left:     0 !important;
    bottom:   inherit !important;
    width:    100% !important;
}
.outerContainer {
    position: initial !important;
    top: 0;
    min-height: initial !important;
    width: 100% !important;
    overflow: initial;
}

/*Ada link styles*/

.full_JSOnews_summary a, full_JSOnews_summary a:hover, .news_summary_link, 
.news_summary_link a, .news_summary_link:hover, .news_summary_link a:hover {
    color:black !important;
    text-decoration:none !important;
}

.full_JSOnews_title_link a {
    color: #30567d !important;
    text-decoration:none !important;
}

.full_JSOnews_title_link a:hover{
    color: #30567d !important;
    text-decoration:underline !important;
}

#Story_1, #Story_2, #Story_3, #Story_4,
#Story_5, #Story_6, #Story_7, #Story_8,
#Story_9, #Story_10 {
    position:absolute;
    top:0px;
    left:0px;
    margin-top:-300px;
}

/*COJ3 Style updates*/

#adaFooter .footerBleed {
    position: relative !important;
}

#entity_subnav #side_nav_entity_container {
    max-width: 100% !important;
}

.subnav_cover {
    display:none;
}

.jso_footerBleed, .footerBleed, #adaFooter_coj3 .footerBleed {
    margin-top:0px !important;
}

@media (max-width: 749px) {
    #Digital_River_Transparent_Background {
        opacity:1.0 ;
    }
}

.CMSBreadCrumbsCurrentItem {
    display:none;
}

#entity_subnav #side_nav_entity_container {
    top: 249px;
}

@media (max-width: 767px) {
    #entity_subnav #side_nav_entity_container {
        top: 435px;
    }
    form .outerContainer .pageBleed {
        background: white !important;
        background-color:white !important;
    }
}
@media (max-width: 414px) {
    #entity_subnav #side_nav_entity_container {
        top: 398px;
    }
}
/*Updates to all styles for faster performance*/
 #Carousel_Desktop_Nav_Next {
    position: absolute;
    right: 0px;
    top: 0px;
}
#Mobile_Carousel_Center {
    margin-top: -450px;
}
#Carousel_Output_Wrapper_Only_Show_Five_At_A_Time {
    float: none;
    opacity: 1.0;
    position:relative;
    display:block;
}
.current_news {
    display:block !important;
    z-index:5;
}
.image_overlay_for_thumbnail_on_hover {
    opacity: 0.0;
    background-color: black;
    margin-left: 1px;
    width: 18%;
    padding-top: 13.5%;
    position: absolute;
    z-index: 3;
    min-height: 0px !important;
}
.JSO_Header .youtubeframewrapper {
    width:100%;
    display: block;
    z-index: 5;
}
@media screen and (min-width:768px) {
    .JSO_Header .youtubeframewrapper {
        margin-top:40px;
    }
}
.JSO_Header {
    min-height: 450px;
    position: relative;
}
.JSO_Header .JSOTransformation {
    float:left;
    position:absolute;
    max-height:300px;
    opacity:0.0;
    display:none;
}
.JSO_Header .left_side_of_JSOTransformation {
    width: 38%;
    float: left;
    padding-top: 40px;
    padding-right: 2%;
}
.JSO_Header .left_side_of_JSOTransformation .date {
    display:none;
}
.JSO_Header .left_side_of_JSOTransformation .summary {
    max-height: 14em; /*20 was too much*/
    overflow: hidden;
    padding-top: 5px;
}
.JSO_Header .right_side_of_JSOTransformation {
    width: 60%;
    right: 0px;
    position: absolute;
}
.JSO_Header  .imageframewrapper {
    padding-top: 400px;
    max-width: 600px;
    background-size: contain;
    position:relative;
    z-index:2;
    background-image:url(/App_Themes/coj2/images/jso_entityDefault/Image_Failed_To_Load.gif);
}
@media screen and (min-width:900px) {
    .JSO_Header .imageframewrapper {
        padding-top: 380px;
        margin-top: 40px;
    }
}
.JSO_Header .JSOTransformation .title {
    font-size:1.5em;
    display: block;
    max-height: 4.2em;
    overflow: hidden;
}
.JSO_Header .JSOTransformation .title a {
    text-decoration:none !important;
}
.JSO_Header .JSOTransformation .title a:hover {
    text-decoration:underline !important;
}
.JSO_Header.JSOTransformation .date {
    display:none;
}
.JSO_Header .imageframewrapper {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.JSO_Buttons {
    width: 200%;
    height: 170px;
    margin-left: 0px; /*changes to margin-left:-100% when items 6-10 are selected*/
}
.JSO_Buttons .imageframewrapper {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image:url(/App_Themes/coj2/images/jso_entityDefault/Image_Failed_To_Load.gif);
}
.JSO_Buttons .imageframewrapper{
    float:left;
    width:17%;
    margin-left:1%;
    margin-right:1%;
    display:block;
}
.JSO_Buttons .imageframewrapper {
    opacity: 1.0;
    width: 100%;
    padding-top: 75.5%;
    background-size: contain;
}
.JSO_Buttons .title {
    display:none;
}
.JSO_Buttons .date {
    display:none;
}
.JSO_Buttons .summary {
    display:none;
}
.drop_shadow_for_news_item {
    width: 115%;
    margin-top: -16px;
    position: absolute;
    margin-left: -7%;
    background-image: url('/App_Themes/coj2/images/jso_entityDefault/Drop_Shadow_ImageorVideo.png');
    background-size: cover;
    min-height: 36px;
}
.Youtube_Variant_iFrame_Shadow {
    top: 98%;
}
.youtube_thumbnail_overlay {
    display: block;
    width: 18.00%;
    opacity: 1.0;
    min-height: 67%;
    background-image: url(/App_Themes/coj2/images/jso_entityDefault/YT_thumb.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    position: absolute;
    z-index: 1;
}
.Navigation_Button_JSOCarousel {
    margin-top: 1.8%;
    min-height: 115px;
    margin-bottom: 26px;
}
/*tablet styles*/
@media screen and (max-width:1015px) and (min-width:768px) {
    .JSO_Header .left_side_of_JSOTransformation {
        width: 34.5%;
        float: left;
        padding-left: 36px;
    }
}
/*mobile styles*/
@media screen and (max-width:767px) {
    .JSO_Header .left_side_of_JSOTransformation {
        padding-top:0px;
        padding-right:0px;
    }
    .JSO_Header {
        max-width:80%;
        left:10%;
    }
    .JSO_Header .right_side_of_JSOTransformation {
        top:0px;
        width:100%;
        left:0px;
    }
    .youtubeframe {
        position: relative;
        padding-top: 380px;
        padding-bottom: 0px !important;
        height: 0;
        overflow: hidden;
    }

    .left_side_of_JSOTransformation .title {
        max-height: 1em;
        overflow: hidden;
    }

    .JSO_Header .left_side_of_JSOTransformation .summary {
        max-height: 4.5em;
    }

    .JSO_Header {
        min-height: 500px;
    }

    .JSO_Header .left_side_of_JSOTransformation {
        width: 100%;
        float: none;
        position: relative;
        margin-top: 370px;
        left: 0%;
    }
    #Mobile_Carousel_Center {
        z-index:1;
    }
    .JSO_Header .JSOTransformation .title {
        font-size: 1.2em;
        max-height:1.5em;
    }
}
@media screen and (max-width:400px) {
    .left_side_of_JSOTransformation .title {
        max-height:3em;
    }
    .JSO_Header .left_side_of_JSOTransformation .summary {
        display:none;
    }
    .JSO_Header .JSOTransformation .title {
        font-size: 1.2em;
        max-height: 5.1em;
    }
}
@media screen and (max-width:414px) {
    .youtubeframe {
        padding-top:250px;
    }
    .JSO_Header {
        min-height: 350px;
        margin-top:-40px;
    }
    .JSO_Header .left_side_of_JSOTransformation {
        margin-top: 220px;
    }
    #Mobile_Carousel_Center {
        margin-top:-375px;
    }
    .JSO_Header .imageframewrapper {
        padding-top:250px;
    }
}

/*COJ3 JSO tweaks*/

.youtubeframe iframe{
    max-width: 100%;
    z-index: 10;
}

@media screen and (max-width:622px) {
    html .pageContent > * {
        font-size: 1.0em !important;
    }
}

#JSO_Media_Header .featured_video_title { margin-top:-43px; }

/*Pin back to top arrow to the left because page is 100% wide*/
.back_to_top_arrow {left:0px !important; margin-left:0px !important;}