.didImageDiv {
    width: 1000px;
}

/*	--------------------------------------------------
	Main page styles
	-------------------------------------------------- */
#deckedOutDormContainter {
    margin-top: -10px;
}

#deckedOutDormHeaderImg {
    width: 100%;
}

#deckedOutDormContainter h1 {
    text-transform: none;
}

#deckedOutDormContainter h2 {
    text-transform: none;
    width: 100%;
    font-size: 21px;
    float: left;
    display: inline-block;
}

.giftCard {
    display: inline-block;
    float: right;
    width: 18%;
    margin-top: -20px;
}
.giftCard img {
    width: 100%;
    max-width: 150px;
    float: right;
}

#deckedOutDormContainter h3 {
    text-transform: none;
    font-size: 18px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    margin: 10px 0 -5px;
}

#judges {
    display: inline-block;
    float: left;
    clear: both;
    text-align: left;
    font-size: 14px;
    margin: 10px 0;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
}
.meetJudgesText {
    display: inline-block;
    float: left;
    margin-top: 20px;
}

.judgeLink {
    display: inline-block;
    float: left;
    margin-right: 8px;
}

#contestLinks {
    display: inline-block;
    float: right;
    width: 160px;
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
}

    #contestLinks a {
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        color: #1a305c;
    }

.dodImageDiv {
    float: left;
    border-top: 1px solid #333333;
    width: 100%;
}

#socialMediaDiv {
    float: left;
    border-top: 1px solid #333333;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 10px;
}
.instagramDiv, .pinterestDiv {
    width: 370px;
    float: left;
    display: inline-block;
}

#socialMediaDiv .instagramDiv h3, #socialMediaDiv .pinterestDiv h3, .instagramDiv img, .pinterestDiv img {
    float: left;
    display: inline-block;
    font-size: 17px;
}

.instagramDiv img, .pinterestDiv img {
    padding-top: 3px;
    padding-left: 10px;
    border: 0;
}


#contestInstructions {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    border-bottom: 1px solid #333333;
    padding-bottom: 15px;
}

.firstThreeSteps {
    margin: 0 auto;
    padding-left: 15px;
    width: 845px;
}
.contestInstructionStep {
    width: 250px;
    padding: 0 10px;
    display: inline-block;
    float: left;
    margin-top: 15px;
}
.instructionStepNumber {
    color: #f97910;
    font-size: 51px;
    line-height: 40px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    width: 15%;
    float: left;
}
.instructionStepText {
    font-size: 16px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    width: 82%;
    float: right;
}
.instructionStepText a.pinterestLink {
    color: #C92228;
}
.firstThreeSteps .stepThree {
    padding-left: 41px;
}

.approvedImage {
    float: left;
    margin: 8px 10px;
    width: 170px;
    cursor: pointer;
}
.approvedImage img {
    width: 100%;
}

#loadMoreButton {
    width: 140px;
    font-size: 14px;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    color: #1a305c;
    clear: both;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding-top: 10px;
}

#loadMoreButton:hover {
    text-decoration: underline;
    color: #81bc4b;
    cursor: pointer;
}

#divContestRules {
    max-height: 600px;
    overflow-y: scroll;
}

.money {
    float:left;
    width:30%;
    padding:0 1.5%;
}


.categoryListDiv select {
    height: 28px;
    width: 150px;
    border: 1px solid #B9B9B9;
    padding: 4px 5px;
    margin: 5px 10px 5px 0;
    color: #333333;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

			
    
.categoryTitle {
    font-size:18px;}

/*----------
    view leaders/view newest buttons
    -------*/
div.newestBtn a {
    display: block;
    position: relative;
    background-image: url(../images/promo/flauntYourHaunt/view-newest-o.jpg);
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src= '../images/promo/flauntYourHaunt/view-newest-o.jpg' ,sizingMethod= 'scale' );
}

div.newestBtn a:hover {
    background-image: url(../images/promo/flauntYourHaunt/view-newest-g.jpg);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src= '../images/promo/flauntYourHaunt/view-newest-g.jpg' ,sizingMethod= 'scale' );
}
div.leadersBtn a {
    display: block;
    position: relative;
    background-image: url(../images/promo/flauntYourHaunt/view-leaders.jpg);
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src= '../images/promo/flauntYourHaunt/view-leaders.jpg' ,sizingMethod= 'scale' );
}

div.leadersBtn a:hover {
    background-image: url(../images/promo/flauntYourHaunt/view-leaders-g.jpg);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src= '../images/promo/flauntYourHaunt/view-leaders-g.jpg' ,sizingMethod= 'scale' );
}
div.vote a {
    display: block;
    position: relative;
    background-image: url(../images/promo/flauntYourHaunt/vote-g.jpg);
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src= '../images/promo/flauntYourHaunt/vote-g.jpg' ,sizingMethod= 'scale' );
}

div.vote a:hover {
    background-image: url(../images/promo/flauntYourHaunt/vote-o.jpg);
    background-size: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src= '/images/promo/flauntYourHaunt/vote-o.jpg' ,sizingMethod= 'scale' );
}

.buttons {
    padding-top: 10px;
    float: left;
}

.newestBtn {
    float: left;
    max-width: 202px;
}
.vote {
    margin: 0 auto;
    max-width: 274px;
    width: 57%;
    padding: 30px 0 10px 0;
}

.leadersBtn {
    float: left;
    max-width: 207px;
}

.filters {
    float: right;
}

/*	--------------------------------------------------
	Image modal styles
	-------------------------------------------------- */

#imgInstagram {
    width: 100%;
    max-width: 480px;
}

.divShareOptions {
                clear:both;
                display:inline-block;
                float:right;
}

.divDeckedOutDormCenter {
    clear: both;
    display: block;
    float: left;
    margin-top: -50%;
    max-width: 480px;
    min-width: 220px;
}

#ltlInstagramUserName {
    display: inline-block;
    float: left;
    font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    margin-top: -3px;
    padding-bottom: 10px;
}

.divShareOptions {
    display: inline-block;
    float: right;
}
.divShareOptions .fbLike {
    float: left;
    display: inline-block;
    padding-right: 10px;
}

.divShareOptions .twitterShare {
    float: left;
    display: inline-block;
    padding-right: 10px;
}

.divShareOptions .pinterestShare {
    float: left;
    display: inline-block;
}

div#divDeckedOutDorm div#facebookComments div.fb_iframe_widget {
    float: left;
    clear: both;
    width: 100% !important;
}
div#divDeckedOutDorm div#facebookComments div.fb_iframe_widget span, div#divDeckedOutDorm div#facebookComments div.fb_iframe_widget span iframe {
    width: 100% !important;
}

.divDeckedOutDormWing {
    margin-top: 50%;
    cursor: pointer;
}

#leftNavArrow span img, #rightNavArrow span img {
    width: 100%;
}

#leftNavArrow {
    display: inline-block;
    width: 45px;
    height: 0;
    float: left;
    margin-left: -15%;
}

#rightNavArrow {
    display: inline-block;
    width: 45px;
    height: 0;
    float: right;
    margin-right: -15%;
}

/* FAQ styles */
#dodFAQ {
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
}

#divContestFAQ a {
    display: inline-block;
}

#ltlVoteCount {
                display:block;
                float:right;
                font-size:16px;
                font-weight:bold;
                margin-top:-8px;
}

.fbLoginDiv span {
                display:inline-block;
                float:left;
                margin-top:3px;
                padding-right:10px;
                padding-bottom:15px;
}

p.info {margin: 0.5em 0 !important;}



/* styles for all browsers larger than 960px */
@media only screen and (min-width: 960px) {

    #deckedOutDormContainter h1 {
        font-size: 40px;
    }

    .dodImageDiv #container, #contestInstructions {
        margin: 0 auto;
        width: 960px;
    }
    div.newestBtn a {
        padding-top: 28%;
    }

    div.leadersBtn a {
        padding-top: 28%;
    }


    div.vote a {
        padding-top: 28%;
    }

    .newestBtn {
        width: 50%;
    }

    .leadersBtn {
        width: 50%;
    }

    .buttons {
        width: 70%;
    }
    
    .categories div {
    width:20%;
    float:left;
    margin: 0 2.5%;}
    
    .prizes {
    width:600px;
    margin:0 auto;}

    .info {
        font-size: 16px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
    }
}
/* styles for all browsers larger than 768px and smaller than 960px */
@media only screen and (min-width: 769px) and (max-width: 959px) {

    #deckedOutDormContainter h1 {
        font-size: 35px;
    }


    .approvedImage {
        float: left;
        margin: 1%;
        width: 18%;
    }

    div.newestBtn a {
        padding-top: 28%;
    }

    div.leadersBtn a {
        padding-top: 28%;
    }


    div.vote a {
        padding-top: 28%;
    }

    .newestBtn {
        width: 100%;
    }

    .leadersBtn {
        width: 100%;
    }

    .buttons {
        width: 70%;
    }
    
    .categories div {
    width:20%;
    float:left;
    margin: 0 2.5%;}
    
    .prizes {
    width:600px;
    margin:0 auto;}

}

/* styles for all browsers larger than 480px and smaller than 768px */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    #deckedOutDormContainter h1 {
        font-size: 24px;
    }

    #deckedOutDormContainter h2 {
        font-size: 18px;

    }

    .giftCard {
        width: 22%;
        margin-top: -8px;
    }

    #socialMediaDiv {
        float: left;
        border: none;
        width: 100%;
        padding-bottom: 5px;
        padding-left: 0px;
    }
    .instagramDiv, .pinterestDiv {
        width: 100%;
        float: left;
        display: inline-block;
        border-top: 1px solid #333333;
    }

    #socialMediaDiv .instagramDiv h3, #socialMediaDiv .pinterestDiv h3 {
        float: left;
        display: inline-block;
        font-size: 16px;
        margin-top: 14px;
    }

    #socialMediaDiv .pinterestDiv img {
        padding-bottom: 3px;
    }

    #contestLinks {
        margin-top: 0px;
        padding-bottom: 10px;
    }

    .firstThreeSteps {
        margin: 0;
        float: left;
        padding-left: 15px;
        width: 480px;
    }
    .contestInstructionStep {
        width: 450px;
        padding: 0 10px;
        display: inline-block;
        float: left;
        margin-top: 15px;
    }
    .instructionStepNumber {
        font-size: 40px;
        line-height: 27px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        width: 40px;
        float: left;
    }
    .instructionStepText {
        font-size: 20px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        width: 90%;
        float: left;
    }
    .firstThreeSteps .stepThree {
        padding-left: 10px;
    }

    .approvedImage {
        float: left;
        margin: 1%;
        width: 31%;
    }

    #leftNavArrow {
        width: 30px;
    }

    #rightNavArrow {
        width: 30px;
    }

    div.newestBtn a {
        padding-top: 28%;
    }

    div.leadersBtn a {
        padding-top: 28%;
    }


    div.vote a {
        padding-top: 28%;
    }

    .newestBtn {
        width: 50%;
    }

    .leadersBtn {
        width: 50%;
    }

    .buttons {
        width: 60%;
        padding-top:0;
    }
    
    .prizes {
    width:100%;
    margin:0 auto;}

}

/* styles for all browsers larger than 320px and smaller than 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    #deckedOutDormContainter {
        margin-top: 0px;
    }

    #deckedOutDormContainter h1 {
        font-size: 23px;
    }

    #deckedOutDormContainter h2 {
        font-size: 14px;
        width: 75%;
    }

    .giftCard {
        width: 22%;
        margin-top: 5px;
    }

    #socialMediaDiv {
        float: left;
        border: none;
        width: 100%;
        padding-bottom: 5px;
        padding-left: 0px;
    }
    .instagramDiv, .pinterestDiv {
        width: 100%;
        float: left;
        display: inline-block;
        border-top: 1px solid #333333;
    }

    #socialMediaDiv .instagramDiv h3, #socialMediaDiv .pinterestDiv h3 {
        float: left;
        display: inline-block;
        font-size: 14px;
        margin-top: 14px;
    }

    #socialMediaDiv .pinterestDiv img {
        padding-bottom: 3px;
    }

    #contestLinks {
        margin-top: 0px;
        padding-bottom: 10px;
    }

    .firstThreeSteps {
        margin: 0;
        float: left;
        padding-left: 15px;
        width: 100%;
    }
    .contestInstructionStep {
        width: 300px;
        padding: 0 10px;
        display: inline-block;
        float: left;
        margin-top: 15px;
    }
    .instructionStepNumber {
        color: #f97910;
        font-size: 40px;
        line-height: 24px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        width: 40px;
        float: left;
    }
    .instructionStepText {
        font-size: 16px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        width: 82%;
        float: left;
    }

    .firstThreeSteps .stepTwo .instructionStepNumber {
        line-height: 50px;
    }

    .firstThreeSteps .stepThree {
        padding-left: 10px;
    }

    #judges {
        font-size: 12px;
    }

    .approvedImage {
        float: left;
        margin: 1%;
        width: 48%;
    }

    #leftNavArrow {
        width: 30px;
        left: 5px;
        position: relative;
    }

    #rightNavArrow {
        width: 30px;
        right: 5px;
        position: relative;
    }

    #divDeckedOutDorm .divDeckedOutDormCenter #facebookComments {
        width: 260px !important;
        margin-left: -19px;
    }

    div.newestBtn a {
        padding-top: 28%;
    }

    div.leadersBtn a {
        padding-top: 28%;
    }


    div.vote a {
        padding-top: 28%;
    }
    .newestBtn {
        width: 50%;
    }

    .leadersBtn {
        width: 50%;
    }

    .buttons {
        width: 100%;
        padding-top:0;
    }
        .prizes {
    width:100%;
    margin:0 auto;}
}

/* styles for screens with a width of 320px or smaller */
/** For items with min-width, set it to 300px **/
@media only screen and (max-width: 320px) {
    #deckedOutDormContainter {
        margin-top: 0px;
    }

    #deckedOutDormContainter h1 {
        font-size: 23px;
    }

    #deckedOutDormContainter h2 {
        font-size: 14px;
        width: 75%;
    }

    .giftCard {
        width: 22%;
        margin-top: 5px;
    }

    #socialMediaDiv {
        float: left;
        border: none;
        width: 100%;
        padding-bottom: 5px;
        padding-left: 0px;
    }
    .instagramDiv, .pinterestDiv {
        width: 100%;
        float: left;
        display: inline-block;
        border-top: 1px solid #333333;
    }

    #socialMediaDiv .instagramDiv h3, #socialMediaDiv .pinterestDiv h3 {
        float: left;
        display: inline-block;
        font-size: 14px;
        margin-top: 14px;
    }

    #socialMediaDiv .pinterestDiv img {
        padding-bottom: 3px;
    }

    #contestLinks {
        margin-top: 0px;
        padding-bottom: 10px;
    }

    .firstThreeSteps {
        margin: 0;
        float: left;
        padding-left: 15px;
        width: 100%;
    }
    .contestInstructionStep {
        width: 300px;
        padding: 0 10px;
        display: inline-block;
        float: left;
        margin-top: 15px;
    }
    .instructionStepNumber {
        color: #f97910;
        font-size: 40px;
        line-height: 24px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        width: 40px;
        float: left;
    }
    .instructionStepText {
        font-size: 16px;
        font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        width: 82%;
        float: left;
    }

    .firstThreeSteps .stepTwo .instructionStepNumber {
        line-height: 50px;
    }

    .firstThreeSteps .stepThree {
        padding-left: 10px;
    }

    #judges {
        font-size: 12px;
    }

    .approvedImage {
        float: left;
        margin: 1%;
        width: 48%;
    }

    #leftNavArrow {
        width: 30px;
        margin-left: -23%;
    }

    #rightNavArrow {
        width: 30px;
        margin-right: -23%;
    }

    #divDeckedOutDorm .divDeckedOutDormCenter #facebookComments {
        width: 260px !important;
        margin-left: -19px;
    }

    div.newestBtn a {
        padding-top: 28%;
    }

    div.leadersBtn a {
        padding-top: 28%;
    }


    div.vote a {
        padding-top: 28%;
    }
    
    .newestBtn {
        width: 50%;
    }

    .leadersBtn {
        width: 50%;
    }

    .buttons {
        width: 100%;
        padding-top:0;
    }
    
        .prizes {
    width:100%;
    margin:0 auto;}

}


/*universal styles that need to be last for specificity*/

#ContentPlaceHolder1_firstToEnterText h2 {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    float: left;
}