/* these are the ideal media queries
only screen and (min-width:480px)
only screen and (min-width:768px)
only screen and (min-width:960px)
*/
/*story*/

/*body.dNonMobile*/ /*this means it's desktop or tablet. can use this to target desktop when the screen is small like a mobile if needed. are doing this to view the 
mobile hero image on desktop. only use if media queries can't do what you need */
/*body.dMobile */ /*can use this to target mobile only. only use if can't use media queries*/
/*body.story*/ /*use this to target this page*/
/*body.noMediaQuery*/ /*use this to target devices that don't support media queries such ie8 and below*/
.story #hero {
    background:url('../img/mobile/story.jpg') no-repeat center 0;
    background-size:contain;

}
.dNonMobile .story #hero {
    background:url('../img/story.jpg') no-repeat center 0;
    background-size:auto;
}
.dNonMobile .fbCtrl p {
    width: auto;
    font-size:1.1em;
}

.story #hero .container {
    overflow:hidden;
    width:100%;
    height:188px;
}
.dNonMobile .story #hero .container {
    height:343px;
}
.dNonMobile #formStoryAdd input, .dNonMobile #formStoryAdd textarea, .dNonMobile .storyAddInnerWrapper .selectField select, .dNonMobile .storyAddInnerWrapper .selectField .select, 
.dNonMobile .fileUpload form .uploadDesc, .dNonMobile .fileUpload .storyImgFbInner .uploadDesc, .dNonMobile #tellYourStoryWrapper .fbLoggedIn .option {
    font-size:1.3em;
}

.dNonMobile #tellYourStoryWrapper .fbLoggedIn .option {
    padding-top: 12px;
}

    .dNonMobile .fileUpload form .uploadDesc span {
        font-size: 0.75em;
    }
.dNonMobile .formError .errorIcon {
    top: 13px;
}
.dNonMobile .storyAddInnerWrapper .selectField .select {
    background-position-y: -4em;
}
.dNonMobile .fileUpload .fileUploaderWrapper {
    height: 3.775em;
/*    z-index:10;*/
}
.fileUpload form .uploadIcon, .fileUpload .storyImgFbInner .uploadIcon {
    top: 12px;
}

.dNonMobile #storyDetailWrapperInner {
    display: block;
}

.charNum { top:-20px;}
#footer .social h4.emergencies {font-weight:bold; margin-bottom:0;font-size:0.9em}

#btnTellStoryDesktop {
    display: none;
    padding:.7em 3em .65em 3em;
}

.story .leftArrowDesktop, .story .rightArrowDesktop, .dNonMobile .leftArrowMob {
    display: none;
}
.dNonMobile .story .leftArrowDesktop, .dNonMobile .story .rightArrowDesktop {
    display:block;
}
.dNonMobile .story .leftArrowDesktop {
    float:left;
}
.dNonMobile .story .rightArrowDesktop {
    float: right;
}


.dNonMobile #btnTellStoryDesktop {
    display: block;
    width: 120px;
    margin: 15px auto 0;
    font-size:1.25em
}

#storyDetailOuter {
    max-width: 960px;
    margin:0 auto;
}

.story #hero .innerContainer .copy{
    color:#fff;
    padding-top:99px
}

.dNonMobile .story #hero .innerContainer .copy{
    padding-top:193px;
    max-width:550px;
    margin:0 auto;
}

.story #hero .innerContainer p {
    padding: 0;
}

.story h2 {
    color: #fff;
    text-align: center;
    padding:31px 0 10px;
}
.dNonMobile .story #hero 
{
    /*
    background:url('../img/mobile/story.jpg') no-repeat 0 0;
    background-size:cover;  
        */
}

.dNonMobile .story #hero .container 
{
    /*padding-top:50%;*/
}

.story #hero .innerContainer {
    /*
    margin-top:50%;
        */
    text-align:center;
}

.story #main 
{
    /*padding-top:3.5em;*/
    vertical-align:top;
}

.moreStories 
{
    display: block;
    font-size: 0.9em;
    margin: 10px;
    text-align: center;
}
.moreStories img 
{
    vertical-align:bottom;
}
/*pages*/


.articlePgItem  {
    padding:6px 0 10px 20px;
    
    margin:4px 0;
    cursor:pointer;
    position:relative;
    margin-right:15px;
}
#articleList .articlePgItem.selected, #articleList  .articlePgItem:hover{ 
    background-color:#585b5e;
    color:#fff;

}
#articleList .articlePgItem.selected .articlePgTitle a, #articleList  .articlePgItem:hover .articlePgTitle a{ 

      color:#fff;
}

.storyDetailItemOuter .copy img { position:relative;display:block;}

#articleList .even {
    background-color:#f1f0ed;
}

#articleList .articlePgPersonTh {
    width:45px;
    float:left;
}
#articleList .articlePgSummary {
    width: 70%;
}
.story .terms {
    font-size: 1.15em;
}

.story .terms, .story .terms a {
    color: #fff;
}
.story #hero .scaleImg {
    vertical-align: bottom;
}
.articlePgTitle {
    border-bottom: 1px solid #cdcdce;
    width:87%; 
    padding-bottom: 3px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-left:10px;
}
    .articlePgTitle a {
        text-decoration: none;
    }

.articlePgTitle span.first {
    font-weight: bold;
}

.dNonMobile .articlePgTitle span.first {
    font-size:1em;
}

.articlePgTitle span {
    font-size: 0.9em;
    text-transform:uppercase;
    line-height:0.9em;
}
.articlePgSummary .articleDesc {
    width:87%;
    padding-left:10px;
    display:block;
    position:relative;
    overflow:hidden;
    padding-bottom:4px;
}

.articlePgItem .arrow {
    background-position: -240px -16px;
    width:9px;
    height:13px;
    position: absolute;
    right: 10px;
    /*top: 2em;*/
    top:32px;
 
}
.dNonMobile .articlePgItem .arrow {
    display: none;
}
.dNonMobile .story #articleHeading .leftArrowMob {
    display: none;
}

#storyDetailWrapper #storyDetailWrapperInner  {
    background-color:#fff;
}

.story #articleHeading .leftArrow {
    padding-left:18px;
    text-transform:uppercase;
    text-decoration:none;
    text-indent:0;
    margin-left:5px;
    margin-top:-120px;
     padding:10px 0 10px 18px;
}
.story #articleHeading .leftArrowMob {
    margin-top: 0;
}

.story #articleHeading .leftArrowMob {
    display: block;
}
.story #articleHeading .rightArrow {
    
    text-transform:uppercase;
    text-decoration:none;
    text-indent:0;
    float:right;
     margin-top:-120px;
     padding:10px 18px 10px 0;
}

.story .storyDetailItemOuter {
    padding-top: 11px;
    padding-bottom:20px;
    min-height:191px;
   box-shadow: 2px 0px 5px -2px #ccc;
}
.dNonMobile .story .storyDetailItemOuter {
    padding-top: 18px;
}

.story .articleDetailHeading {
    padding-top:10px;
    border-bottom:1px solid #d0b9c8;
       clear:both;
}

#storyDetailWrapper .copyPadding {
    margin-left: 19px;
    margin-right: 19px;
}

#storyDetailWrapper .imgPadding {
    padding-left: 20px;
}

    .story .articleDetailHeading img {
        float: left;
    }

    .story .articleDetailHeading .articleDetailPerson {
        float: left;
        padding-left:10px;
    }
.story #articleHeading .storyBaseLink, .story #articleHeading .storyBaseLink a {
    text-transform:uppercase;
    color:#621849;
}

.story #articleHeading .storyIntro {
    color:#621849;
    font-size:1.55em;
    padding-top:10px;
    line-height:1.12em;
    padding-bottom:1em;
}
.dNonMobile .story  #storyDetailWrapper #articleHeading .storyIntro {
    font-size:1.65em;
}

.story .articleDetailPerson span {
    display: block;
    font-size:1.15em;
}
.story .articleDetailPerson span.first {
    font-size:1.5em;
    color:#621849;
}

.story .articleDetailPerson span {
}

#storyDetailWrapper .donate {
    padding-top: 20px;
    margin: 0 19px;
    border-top: 1px solid #d0b9c8;
    clear:both;
    display:block;
}
    #storyDetailWrapper .donate .storyBaseLink {
        line-height: 1.3em;
    }
/*add story*/
#tellYourStoryWrapper {
    margin:0;
    position:relative;
    padding-left:10px;
    padding-right:10px;
}
    #tellYourStoryWrapper .details-close-btn {
        position: absolute;
        right: 0;
        top: 18px;
     cursor:pointer;
   }

#tellYourStoryWrapper .row 
{
    width:100%;
    padding:0 0 10px;
}


#tellYourStoryWrapper .bbot {
    border-bottom: 1px solid #a3988d;
    margin-bottom:20px;
    padding-bottom:0;
}

#tellYourStoryWrapper .bbot .col {
    margin-bottom: 0;
}

.story .noMargin {
    margin-bottom: 0!important;
}
#tellYourStoryWrapper .col 
{
    width:100%;
    float:none;
}

#tellYourStoryWrapper .row .first 
{
    margin-right:15px;
}

#tellYourStoryWrapper .fbLoggedIn .option, .oldie #tellYourStoryWrapper .fbLoggedIn .option {
    width: 10px;
    margin: 0 10px;
    padding: 8px 0 0;
    color: #fff;
}

#tellYourStoryWrapper .fbLoggedIn .first {
    margin:0;
    width:100%;
}

#tellYourStoryWrapper .fbLoggedIn .coverImg {
   color:#fff;
}

#tellYourStoryWrapper .fbNotLoggedIn img 
{
    max-width:255px;
    margin:0 auto;
    display:block;
}
.dNonMobile #tellYourStoryWrapper .fbNotLoggedIn img {
    display:inline;
}

.storyImg 
{
    position:relative;    
}

.fileUpload form {
    position: relative;
}

.fileUpload .fileUploaderWrapper
{
    position:absolute;
    overflow:hidden;
    background-color:#fff;
    /*z-index:10;*/
    top:0;
    left:0;
    font-size:1em;
}
.fileUpload .fileUploader {
    width:100%;
}

.fileUpload form .uploadDesc, .fileUpload .storyImgFbInner .uploadDesc {
    position:absolute;
    top:8px;
    left:10px;
    line-height:1em;
}

.fbLoggedIn .fileUpload form .uploadDesc, .fbLoggedIn .fileUpload .storyImgFbInner .uploadDesc {
    top:14px;
}
    .fileUpload form .uploadDesc span, .fileUpload .storyImgFbInner .uploadDesc span {
        font-size: 0.8em;
    }
.fileUpload form .uploadIcon, .fileUpload .storyImgFbInner .uploadIcon {
    background-position:-478px -298px;
    width:43px;
    height:42px;
    position:absolute;
    right:-4px;
    top:8px;
}

.storyImg .thumb 
{
    height:45px;
    overflow:hidden;
    float:left;
    margin-right:8px;
}
.storyImg .thumbInfo {
    float: left;
}
    .storyImg .thumbInfo a {
        color:#fff;
    }
    .storyImg .thumbInfo .thumbFileName {
        display: block;
        color:#fff;
    }
.storyImg .uploadInfoHelp {
    color:#fff;
}

#btnStorySubmit {
    width:209px;
    display:block;
    text-align:center;
    margin:0 auto;
    padding-top:0.725em;
    padding-bottom:0.725em;
    font-size:1.25em;
}
.submitStory .error, .submitStory .loading 
{
    clear:both;
    float:right;
    padding:8px 0 0;
    color:#fff;
}

.storyImg .thumb img 
{
    width:45px;
}

.fieldDisabled 
{
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40); 
}

.fileUpload
{
    position:relative;
}
.story .formField {
    margin-bottom: 25px;
}
.black-shaddow {
    text-shadow: 1px 1px 1px #000; 

}
.bold {
    font-size: large;
    font-weight: bold;    
}
.dMobile #tellYourStoryWrapper .submitStory {
    margin-top: 0;
}
    .dMobile #tellYourStoryWrapper .submitStory .first {
        margin-top: 0;
        margin-bottom:0;
    }
.dMobile .story .coverImgFB {
    margin-bottom:0;
}

.dNonMobile .story .formField {
    margin-bottom: 16px;
}

.dNonMobile .story .fbLoggedIn .formField {
    margin-bottom:0;
}

#fileProfileImgForm, #fileRescueImgForm, .dNonMobile .story .fbLoggedIn .formField {
    margin-top: 2px;
}

.dNonMobile .fileUpload input {
    height: 48px;
}
.dNonMobile .storyImg .imgThumb {
    padding-top:8px
}
.dNonMobile .storyImgFB .imgThumb {
    padding-top: 0;
}

.fileUpload input 
{
    position:relative;
    width:100%;
    height:43px;
    z-index:10;
    opacity:0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    /*
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);     
*/
    font-size:61px;   
    overflow:hidden;
}
.fileUpload .coverImgFB input  
{
    width:77px;
    height:23px;    
}

#tellYourStoryWrapper 
{
     -moz-box-shadow:    inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
    -webkit-box-shadow: inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
     box-shadow:        inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;



    padding-bottom:20px;
    background-color:#8c7e71;
}
#formStoryAdd .imageDesc span#storyTooltip {
    font-size:1.2em;
}
#storyTooltipTrigger {
    position: relative;
}
.story .tooltip {
    top: -81px;
}
.story .tooltip .content {
    display: block;
}

#tellYourStoryWrapper .submitStory 
{
    margin:15px 0 0;
}

#formStoryAdd p{
    color: #fff;
}

.dNonMobile #formStoryAdd p {
    font-size: 1.1em;
}
.dNonMobile #formStoryAdd .imageDesc p {
    font-size: 1.3em;
    padding:0;
}
.dNonMobile #formStoryAdd .imageDesc a {
    color:#fff;
}
.dNonMobile #formStoryAdd .imageDesc span {
    font-size: 0.8em;
}
    .dNonMobile #formStoryAdd .imageDesc span.uploadInfoHelp {
        font-size: 0.9em;
    }

#formStoryAdd textarea {
    height: 306px;
}

#formStoryAdd .tellStoryIntro {
    margin-top:5px;
    padding-bottom: 19px;
}
.dMobile .mandatoryIntro p {
    padding-bottom: 0;
    text-align: center;
}

#formStoryAdd .disclaimer, #formStoryAdd .disclaimer a {
    color:#fff;
}

.storyAddInnerWrapper {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
}

#storyAddInner 
{
    position:relative;
    margin: 0 auto;
    max-width: 700px;
}

.dMobile #imgCropper .cropImg #imgToCrop {
    margin: 0 auto;
}
.dMobile .jcrop-holder {
    margin: 0 auto;
}
#imgCropper .cropImg 
{
    width:100%;
    overflow:hidden;
}
#imgCropper .cropDesc 
{
    width:100%;
    padding-top:10px;

}
#imgCropper.white-popup-block 
{
    padding:20px;
    z-index:999;
}

.dNonMobile .story #articleListPanel #btnTellStory {
    display: none;
}
.dNonMobile #storyDetailOuter {
    margin-top: 35px;
}
.dNonMobile .story  #articleListPanel {
    padding-top: 0;
}
    #articleList .articlePgItem{ 
        background-color:#f7f6f5;
    }
    #articleList .even{ 
        background-color:#f1f0ed;
    }
        #articleList .articlePgItem.selected, #articleList .articlePgItem:hover {
            background-color:#585b5e;
        }
.story .formError .errorIcon 
{
    right:14px;    
}

.dNonMobile .story #articleListPanel .fbCtrl{
    margin-top:0;
    margin-bottom:14px;
}

#imgCropper .mfp-close {
    top: -10px;
    right: -11px;
}

.dNonMobile #articleHeading {
    height: 982px;
}

/*story thankyou*/
#tellYourStorkThankYou 
{
    background-color:#8c7e71;
    padding:20px 0 0;
}

.tellYourStorkThankYouInnerWrapper, .tellYourStorkThankYouOuter  {
    position: relative;
    max-width: 960px;
    display: block;
    margin: 0 auto;
}
    .tellYourStorkThankYouOuter .details-close-btn {
        top: 0;
        right: 0;
    }
.tellYourStorkThankYouInner 
{
    position: relative;
    margin: 0 auto;
    max-width: 460px;    
    color:#fff;
    padding-bottom:20px;
}
.fbAlbumUploadMsg {
    text-align: center;
}

.tellYourStorkThankYouInner .link 
{
    max-width:450px;
    margin-top:18px;   
}
.tellYourStorkThankYouInner .donateProfile 
{
   width:141px; float:none; 
   margin:0 auto 10px;
   text-align:center;
}
.tellYourStorkThankYouInner .donateCover
{
   width:303px; float:left; 
   text-align:center;
   font-weight:bold;
}
.tellYourStorkThankYouInner .fbAlbumUpload{
    clear: both;
    float: right;
    padding-right: 69px;
}
    .tellYourStorkThankYouInner .fbAlbumUpload img {
        vertical-align: bottom;
    }


#tellYourStorkThankYou .shareIcons {
    text-align: center;
    padding-bottom:11px;
}
.tystyBorder 
{
    border-top:1px solid #A2988E;
}
.story .socialStoryIcon {
}
.story .storyDonate{
    border-top:1px solid #d0b9c8;
    padding-top:15px;
    margin-top:10px;
}
    .story .storyDonate a {
    }

#imgCropper .cropDesc .loading{
    font-size:0.8em;
}
#imgCropper .cropDesc .loading img{
    margin-top: 6px;
    margin-right:3px;
}

#downloaduploadKitTS {
    width: 178px;
    text-align:center;
    margin:0 auto 15px;
    display:block;
    float:none;
}
.uploadingPrompt {
    color: #fff;
}
.story .fbNotLoggedIn .formField
{
    margin-bottom:0;
}

.dMobile #btnTellStoryDesktop {
    display: none;
}
#articleHeading {
    background-color: #fff;
}
.dNonMobile #articleHeading {
    padding-bottom:70px;
}

#tellYourStoryWrapper .error {
    color: #fff;
}

.pageCtrlWrapper {
    margin-bottom: 5px;
}
.dMobile  #storyDetailWrapper .btnDonate {
    margin-bottom:20px;
}
#imgCropper .cropDesc .error {
    display: block;
    padding-top:8px;
}

#imgCropper .cropDesc .alert {
    display: block;
}
   
 .dNonMobile .story #articleHeading .leftArrow {
       background:transparent url('../img/arrowLeft.gif') no-repeat 8px 12px;
       color:#BBA7B3;
    }

.dNonMobile .story #articleHeading .rightArrow {
           background:transparent url('../img/arrowRight.gif') no-repeat 25px 12px;
           color:#BBA7B3;
    }

 
.dMobile .story #articleHeading .leftArrowMob {
    background-position:-240px -39px;
    width:10px;
}

  
    .story .tellYourStorkThankYouOuter h2 {
        padding-top:5px;



    }
.tellYourStorkThankYouInner {
    padding:20px 10px 50px 10px;

}
#tellYourStorkThankYou { 
      -moz-box-shadow:    inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
    -webkit-box-shadow: inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;
     box-shadow:        inset  0  8px 8px -8px #333, 
                        inset  0 -8px 8px -8px #333;

}
#tellYourStorkThankYou .tellYourStorkThankYouInner h2{ font-size:42px;}
#tellYourStorkThankYou .tellYourStorkThankYouInner p { text-align:center;font-size:1.1em;}
.story .dn {
    display: none;
}
@media only screen and (min-width: 321px) 
{
    .tellYourStorkThankYouInner .donateProfile {
        margin: 0;
        float:left;
        text-align:left;
    }
    #downloaduploadKitTS {
        float:right;
    }
    .tellYourStorkThankYouInner .donateCover {
        text-align: left;
    }
    .story .articleDetailHeading {
        padding-top:17px;
    }


    #formStoryAdd .tellStoryIntro {
        margin-top: 27px;
    }

    .dNonMobile .story #articleListPanel 
    {
        padding: 0 20px;
        max-width: 620px;
        margin: 0 auto;
    }
    #tellYourStoryWrapper {
        padding-left: 0;
        padding-right: 0;
    }
    #btnStorySubmit {
        float: right;
    }
    .pageCtrlWrapper {
        padding-right: 0;
    }
    .dNonMobile #btnTellStoryDesktop {
        display: block;
    }
    .dNonMobile #formStoryAdd #btnFBLogin {
        float: right;
    }
    .articlePgTitle {
        padding-bottom: 9px;
        padding-top: 8px;
    }
}

@media only screen and (min-width: 500px)
{
    /*
    .story #articleHeading .leftArrow {
       background:transparent url('../img/arrowLeft.gif') no-repeat 8px 2px;
       color:#BBA7B3;
       margin-left:10px;
       margin-top:-20px;
    }

    .story #articleHeading .rightArrow {
           background:transparent url('../img/arrowRight.gif') no-repeat 25px 2px;
           color:#BBA7B3;
           margin-right:10px;
           margin-top:-20px;
    }
     */
    #tellYourStoryWrapper .col 
    {
        width:48.7%;
        float:left;
    }
    .fbLoggedIn .formField .fileUpload, #tellYourStoryWrapper .fbLoggedIn .fileUpload {
        width:22%;
    }
 
    #tellYourStoryWrapper .fbLoggedIn .fileUpload {
        margin-right: 17px;
    }
  #tellYourStoryWrapper .fbLoggedIn .first {
        margin-right: 0;
    } 
    #tellYourStoryWrapper .mandatoryIntro p {
        padding-bottom:7px;
        text-align:right;
    }
    .dNonMobile .story #articleListPanel .fbCtrl {
        margin-top: 15px;
    }
}




@media only screen and (min-width: 721px) 
{
    .dNonMobile .story #articleHeading .leftArrow {
        padding-top:0;
        background-position:8px 2px;
    }

    .dNonMobile .story #articleHeading .rightArrow {
        padding-top:0;
         background-position:25px 2px;
    }




#storyDetailWrapper {
    /*display: none;*/
    margin-bottom:20px;
}
.story #articleListPanel 
{
    padding-top:20px;
}
    #background {
        padding-bottom: 0;
    }
    .story #articleHeading .storyIntro { padding-top:40px;}

    .story #articleHeading .leftArrow {
   
    margin-top:0;
    }
    .story h2
    {
        font-size: 2.55em;
    }

    .tellYourStorkThankYouInner .donateProfile {
        padding-left: 6px;
        font-weight:bold;
        padding-bottom:20px;
    }

.story #articleHeading .rightArrow {

     margin-top:0;
}




    .story .articleDetailHeading {
    padding-top:0;
    border-bottom:1px solid #d0b9c8;
       clear:both;
}


    .articleDesc .arrow { display:none;}


    .dNonMobile .story #hero .scaleImg 
    {
        display:block;    
    }
    .story #hero .innerContainer .copy {
        font-size: 1.3em;
    }
         
    .story #hero .innerContainer 
    {
        /*margin-top:22%;*/
        color:#fff;
    }
    .dNonMobile .story #hero .container 
    {
        padding-top:0;
    }
    #imgCropper.white-popup-block {
        max-width: 565px;
    }

    #storyDetailWrapperInner {
        display: block;
        max-width:620px;
        margin:0 auto;
    }
    #imgCropper .cropImg 
    {
        width:300px;
        margin-right:15px;
    }
    #imgCropper .cropDesc {
        width:240px;
        padding-top:30px;
    }
}
.dNonMobile .story .articleDetailPerson span.first {
    font-size: 2.35em;
    line-height:1em;
}
.dNonMobile .story .articleDetailHeading img {
    width: 65px;
}
.dNonMobile .story .articleDetailPerson span {
    font-size: 1.3em;
}
.dNonbile .story #articleHeading .storyIntro {
    font-size: 1.65em;
}
#storyDetailWrapper .copy {
    line-height: 1.355em;
}

.dNonMobile #storyDetailWrapper .copyPadding {
    font-size: 1.2em;
    margin-bottom:20px;
}

.dNonMobile #articleList .articlePgPersonTh {
    width: 35px;
    overflow:hidden;
}

.dNonMobile .articleList {
    width: 100%;
}

.pageCtrlWrapper {
    padding-left: 10px;
    padding-right: 10px;
}


.dMobile #articleListPanel >  .pageCtrlWrapper {
    background: url(../img/bgFooter.png) no-repeat center bottom;
    padding-top:10px;
}

.dNonMobile #storyDetailWrapper .btnDonate {
    font-size: 1.05em;
}

@media only screen and (min-width: 957px) 
{
    /*img.cover { width:600px;}*/

    .dNonMobile .story #articleListPanel .fbCtrl {
        margin-top: 0;
    }

    .dNonMobile .story #articleListPanel 
    {
        padding:0;
    }
    
    #articleList .articlePgSummary { width:87%;}
    .story .searchCtrl {
        margin-top:0;
    }
    .story .socialStoryIcon {
        float: left;
        width: 240px;
    }
    .story .storyDonate {
        float: right;
        width:250px;
        border:0;
        margin:0;
        padding:0;
    }

     #storyDetailWrapperInner {
        margin:0;
    }
    #storyDetailWrapper {
        float: left;
        width: 620px;
        margin-bottom:20px;
    }
    .story #articleListPanel {
        float: left;
        width:320px;
        padding-left:0;
    }
    #storyDetailWrapper .btnDonate {
        float:right;
        width:210px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .pageCtrlWrapper {
        padding-left: 20px;
    }

    #storyDetailWrapper {
        margin-bottom: 20px;
    }
    .fbCtrl p {
        text-align:left;
        margin:0;
    }
    #articleList .articlePgItem{ 
        background:#f7f6f5 url('../img/greyarrowunselected.png') no-repeat left top;
        margin-left:4px;
    }
    #articleList .articlePgItem.selected, #articleList  .articlePgItem:hover{ 
        background:#585b5e url('../img/greyarrow.png') no-repeat left -10px;
        margin-left:4px;
    }
    .dNonMobile #articleList .articleListscroll-pane {
        height: 500px;
        overflow-y: scroll;
        height: 882px;
    }
}    

/*

.dNonMobile #articleList {
   max-width:309px;
}

.dNonMobile .articlePgItem {
    max-width:270px;
}
*/



/*#articleListPanel .fbCtrl{
    display:none !important;
}

#tellYourStoryWrapper .tellStoryIntro .fbNotLoggedIn img {
    display:none !important;
}

.story .tellYourStorkThankYouInnerWrapper {
    display: none!important;
}

.story .tystyBorder {
    border-top: 0!important;
}*/