#chevronWrapper {
    list-style-type: none;
}

    #chevronWrapper td div {
        float: left;
        position: relative;
    }

    #chevronWrapper .firstchevronLeft {
        margin-top: 3px;
        z-index: 5;
        width: 16px;
        height: 37px;
        background-color: #cdcdcd;
        background-repeat: repeat-x;
    }

    #chevronWrapper .firstchevronLeftSelected {
        margin-top: 0px !important;
        z-index: 5;
        width: 5px;
        height: 43px;
        background-color: #cdcdcd;
        background-repeat: repeat;
    }

    #chevronWrapper .firstchevronLeftActive {
        margin-top: 3px;
        z-index: 5;
        width: 5px;
        height: 37px;
        background-color: #109e49;
        background-repeat: repeat;
    }

    #chevronWrapper .chevronLeft {
        margin-top: 3px;
        z-index: 5;
        width: 16px;
        height: 37px;
        background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Gray_Arrow_leftCorner.png);
        background-repeat: repeat-x;
    }

    #chevronWrapper .chevronLine {
        margin-top: 3px;
        height: 37px;
        padding: 0px 5px;
        background-color: #cdcdcd;
        background-repeat: repeat;
    }

    #chevronWrapper .chevronRight {
        margin-top: 3px;
        z-index: 6;
        width: 16px;
        height: 37px;
        background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Gray_Arrow_rightCorner.png);
    }

    #chevronWrapper .chevronLeftActive {
        margin-top: 3px;
        z-index: 5;
        width: 16px;
        height: 37px;
        background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Green_Arrow_leftCorner.png);
        background-repeat: repeat-x;
    }

    #chevronWrapper .chevronLineActive {
        margin-top: 3px;
        height: 37px;
        padding: 0 5px;
        background-color: #109e49;
        background-repeat: repeat;
    }

    #chevronWrapper .chevronRightActive {
        margin-top: 3px;
        z-index: 6;
        width: 16px;
        height: 37px;
        background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Green_Arrow_rightCorner.png);
    }

    #chevronWrapper .chevronLeftSelected {
        margin-top: 0px !important;
        z-index: 5;
        width: 16px;
        height: 43px;
        padding-top: 2px;
        background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Green_Arrow_leftCorner_BigN.png);
        background-repeat: repeat-x;
    }

    #chevronWrapper .chevronLineSelected {
        margin-top: 0px !important;
        height: 43px;
        padding: 0 5px;
        background-color: #109e49;
        background-repeat: repeat;
    }

    #chevronWrapper .chevronRightSelected {
        margin-top: 0px !important;
        z-index: 6;
        width: 16px;
        height: 43px;
        background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Green_Arrow_rightCorner_BigN.png);
    }

    #chevronWrapper p.heading {
        font-family: Segoe UI;
        font-size: 12px;
        cursor: pointer;
        color: #333;
    }

    #chevronWrapper .chevronLineSelected p.heading {
        margin: 11px 0px 0px 10px;
        padding: 0px;
        color: #fff;
    }

    #chevronWrapper .chevronLineActive p.heading {
        color: #fff;
    }

    #chevronWrapper .chevronLine, #chevronWrapper .chevronLineActive, #chevronWrapper .chevronLineSelected {
        width: 105px;
    }

p.heading {
    text-align: center;
    margin-top: 10px;
}

p.Agileheading {
    color: #fff;
    text-align: center;
    padding: 10px;
    font-family: Segoe UI;
    font-size: 12px;
    cursor: pointer;
}

.AgilefirstchevronLeftActive {
    margin-top: 3px;
    z-index: 5;
    width: 5px;
    height: 37px;
    background-repeat: repeat-x;
    background-color: #0072c6;
}

.AgilefirstchevronLineActive {
    margin-top: 3px;
    height: 37px;
    width: 95px;
    padding: 0 5px;
    background-color: #0072c6;
    background-repeat: repeat-x;
}

.AgilefirsthevronRightActive {
    margin-top: 3px;
    z-index: 6;
    width: 16px;
    height: 37px;
    background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Blue_Arrow_rightCorner.png);
}

.AgilelastchevronLeftActive {
    margin-top: 3px;
    z-index: 5;
    width: 16px;
    height: 37px;
    background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Orange_Arrow_leftCorner.png);
    background-repeat: repeat-x;
    margin-left: -12px;
}

.AgilelastchevronLineActive {
    margin-top: 3px;
    height: 37px;
    width: 78px;
    padding: 0 5px;
    background-color: #ffb900;
    background-repeat: repeat;
}

.AgilelastchevronRightActive {
    margin-top: 3px;
    z-index: 6;
    width: 16px;
    height: 37px;
    background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/RenderingAssets/Images/Orange_Arrow_rightCorner.png);
}

.green-arrow-right {
    border-bottom: 18.5px solid transparent;
    border-left: 16px solid #109e49;
    border-top: 18.5px solid transparent;
    height: 0px;
    width: 0;
    margin-top: 3px;
}

.blue-arrow-right {
    border-bottom: 18.5px solid transparent;
    border-left: 16px solid #0072c6;
    border-top: 18.5px solid transparent;
    height: 0px;
    width: 0;
    margin-top: 3px;
}

.orange-arrow-right {
    border-bottom: 18.5px solid transparent;
    border-left: 16px solid #ffb900;
    border-top: 18.5px solid transparent;
    height: 0;
    width: 0;
    margin-top: 3px;
}

.green-arrow-left {
    border-bottom: 18.5px solid #109e49;
    border-left: 16px solid transparent;
    border-top: 18.5px solid #109e49;
    height: 0px;
    width: 0;
    margin-top: 3px;
    margin-left: -12px;
}

.orange-arrow-left {
    border-bottom: 18.5px solid #ffb900;
    border-left: 16px solid transparent;
    border-top: 18.5px solid #ffb900;
    height: 0px;
    width: 0;
    margin-top: 3px;
    margin-left: -12px;
}

.outerContainer {
    width: 920px;
    padding-top: 20px;
}

#nxt, #prv {
    cursor: pointer;
}

.PhaseSelected {
    background-color: #e3e486;
}

.innerWrapper div div {
    float: left !important;
}

.chevronLeftActive, .chevronLeft {
    margin-left: -12px;
}

.innerWrapperText {
    float: none !important;
    margin-left: -2px;
    min-height: 270px;
}

#innerWrapper .wrapper {
    height: 250px;
}

.innerWrapperText div.wrapper {
    float: left;
    margin-left: 2px;
    height: 200px;
    background-color: #cdcdcd;
}

.content, .NxtPrev {
    font-family: Segoe UI;
    height: 33.33%;
}

    .content p {
        padding-top: 15px;
        margin: 0px;
        font-size: 11px;
    }

    .NxtPrev td {
        padding: 2px 5px 0px 0px;
        color: #0f9e49;
        font-size: 13px;
    }

.content {
    margin-left: 0px;
    padding: 0px 5px 0px 0px;
}

#trainingText, #trainingProcessText {
    Width: 110px;
}

#requirementsText, #requirementsProcessText {
    width: 133px;
}

#designText, #designProcessText {
    width: 133px;
}

#implementationText, #implementationProcessText {
    width: 134px;
}

#verificationText, #verificationProcessText {
    width: 133px;
}

#releaseText, #releaseProcessText {
    width: 133px;
}

#responseText, #responseProcessText {
    width: 105px;
}

.PhaseActiveColor {
    background-color: #e3e486 !important;
}

.PhaseActiveColor-Tools {
    background-color: #CDCDCD !important;
}

.PhaseActiveColor-first {
    background-color: #6dc2e9 !important;
}

.PhaseActiveColor-last {
    background-color: #fbff9e !important;
}

.PhaseActiveTextStyle {
    font-weight: bold;
}

#NxtPrvWrapper {
    width: 760px;
    border-bottom: solid 1px Gray;
    border-top: solid 1px Gray;
    height: 40px;
    display: none !important;
}

#prv {
    float: left;
    margin: 0px;
}

#nxt {
    float: right;
    margin: 0px;
}

.trainingText, .requirementsText, .designText, .implementationText, .verificationText, .releaseText, .responseText {
    display: none;
}

.PhaseinActive {
    background-color: #cdcdcd;
}

.PhaseActive {
    cursor: pointer;
}

ol.ChevronList, ul.ChevronList {
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 27px;
}

    ol.ChevronList li, ul.ChevronList li {
        font-size: 12px;
        color: #000000;
    }

.PhaseinActive ol.ChevronList li, .PhaseinActive ul.ChevronList li {
    color: #666666;
}

.ActiveSelectedPhase {
    font-weight: bold;
}

ul.ChevronList {
    margin: 0px;
}

    ul.ChevronList li {
        list-style-type: none;
    }

#subHeadingList {
    padding-left: 2px;
    list-style-type: none;
}

.AgilePage_AccordianContent {
    display: none;
    line-height: 2.1em;
    padding: 0;
    margin: 0;
}

.toolsSliderLink {
    line-height: 17px;
    margin-left: 20px;
    font-size: 12px;
    color: #333;
}

#downloadLink {
    background-image: url("https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/PublishingImages/download_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 35px;
    padding-right: 5px;
    width: 163px;
}

#videoLink {
    background-image: url(https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/global/security/sdl/PublishingImages/watch-vid_btn.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 35px;
    width: 163px;
}

.paddingLink {
    padding: 0 81px 12px;
    position: absolute;
    height: 23px;
}

.enable {
    cursor: pointer;
}

/*********** SDL Process start ***************/
.sdlagileHead, .sdlagileHeadActive {
    width: 32%;
}

    .sdlagileHeadActive li.TextList {
        width: 97%;
        padding: 9px 1% 1px 1%;
    }

    .sdlagileHead li.TextList {
        background-image: none;
        border: 2px solid #ccc;
        width: 94%;
        padding: 9px 1% 4px 1%;
    }

div.outerContainer {
    width: 100%;
}

div.br-carousel.resources {
    width: 98%;
}

    div.br-carousel.resources .carousel-wrapper {
        width: 96%;
        margin: 20px auto;
        display: block;
    }

        div.br-carousel.resources .carousel-wrapper > ul > li {
            width: 165px;
        }

        div.br-carousel.resources .carousel-wrapper .carousel-wrapper {
            width: 165px !important;
        }

@media screen and (max-width: 967px) {
    div#chevronWrapper {
        overflow: hidden;
    }

        div#chevronWrapper .chevronLineActive {
            padding: 0;
        }

        div#chevronWrapper .chevronLine, div#chevronWrapper .chevronLineActive, div#chevronWrapper .chevronLineSelected {
            width: 100px;
        }

    div#requirementsText, div#requirementsProcessText {
        width: 120px;
    }

    div#designText, div#designProcessText {
        width: 118px;
    }

    div#implementationText, div#implementationProcessText {
        width: 117px;
    }

    div#verificationText, div#verificationProcessText {
        width: 118px;
    }

    div#releaseText, div#releaseProcessText {
        width: 118px;
    }

    div.br-carousel.resources .carousel-wrapper {
        width: 800px;
    }

        div.br-carousel.resources .carousel-wrapper > ul > li {
            width: 150px;
        }

    ol.ChevronList, ul.ChevronList {
        padding: 0 0 0 25px;
    }

    div.br-carousel.resources .carousel-wrapper .carousel-wrapper {
        width: 150px !important;
    }

    .resourcesInner div.carousel-wrapper ul li ul {
        width: 150px !important;
    }
}

@media screen and (max-width: 899px) {
    .PhaseActive, .cloneInnerWrapperText {
        cursor: auto !important;
    }

        .PhaseActive .ChevronList, .cloneInnerWrapperText .ChevronList {
            cursor: pointer !important;
        }

    .outerContainer {
        display: none;
    }

    div.innerWrapper div div {
        float: none !important;
    }

    #training {
        margin-bottom: 0px;
    }

    #requirements, #design, #implementation, #verification, #release, #response {
        margin-bottom: 0px;
        margin-top: -25px;
    }

    #requirementsProcess, #designProcess, #implementationProcess, #verificationProcess, #releaseProcess, #responseProcess {
        margin-bottom: 0px;
        margin-top: -25px;
    }

    div.innerWrapper div.wrapper {
        background-color: #cdcdcd;
    }

        div.innerWrapper div.wrapper .content:last-child {
            padding-bottom: 35px;
        }

    .cloneOuterWrapperText {
        font-weight: normal;
        width: 82%;
        margin: 0 auto;
    }

    div.chromechevronLineActive, div.chevronLineActive, div.AgilefirstchevronLineActive, div.AgilelastchevronLineActive {
        height: 36px !important;
    }

    div.AgilefirstchevronLineActive, div.AgilelastchevronLineActive {
        width: 96%;
        margin: 0 0 0 46px;
        padding: 0;
    }

    div#chevronWrapper .chevronLine, div#chevronWrapper .chevronLineActive, div#chevronWrapper .chevronLineSelected {
        width: 96%;
        margin: 0 0 0 46px;
    }

    div p.Agileheading {
        text-align: left;
    }

    div.AgilefirstchevronLeftActive {
        position: absolute;
        width: 0px;
        background-color: transparent;
        border-top: 23px solid #fff;
        border-left: 23px solid #0072c6;
        border-right: 23px solid #0072c6;
        border-bottom: 13px solid #0072c6;
        height: 0px !important;
        margin: 0;
    }

    div.blue-arrow-right {
        position: absolute;
        border-top: 23px solid #0072c6;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        border-bottom: none;
        margin: 0;
    }

    div.green-arrow-left {
        position: absolute;
        width: 0px;
        background-color: transparent;
        border-top: 23px solid transparent;
        border-left: 23px solid #109e49;
        border-right: 23px solid #109e49;
        border-bottom: 13px solid #109e49;
        margin: 0;
    }

    div.green-arrow-right {
        position: absolute;
        border-top: 23px solid #109e49;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        border-bottom: none;
        margin: 0;
    }

    div.orange-arrow-left {
        position: absolute;
        width: 0px;
        background-color: transparent;
        border-top: 23px solid transparent;
        border-left: 23px solid #ffb900;
        border-right: 23px solid #ffb900;
        border-bottom: 13px solid #ffb900;
        margin: 0;
    }

    div.orange-arrow-right {
        position: absolute;
        border-top: 23px solid #ffb900;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        border-bottom: none;
        margin: 0;
    }

    div#innerWrapper .wrapper {
        height: auto;
    }

    div#trainingText, #trainingProcessText, div#requirementsText, div#requirementsProcessText, div#designText, div#designProcessText, div#implementationText, div#implementationProcessText, div#verificationText, div#verificationProcessText, div#releaseText, div#releaseProcessText, div#responseText, div#responseProcessText {
        width: 100%;
    }

    div ol.ChevronList, div ul.ChevronList {
        padding: 0 0 0 60px;
    }

    div.innerWrapperText {
        display: none;
    }

    div#outerWrapper {
        display: none;
    }

    div.ActiveSelectedPhase {
        font-weight: normal;
    }

        div.ActiveSelectedPhase .Agileheading {
            font-weight: bold;
        }

    .cloneOuterWrapperText .subHeadingPara span {
        font-size: 12px;
    }

    div.br-carousel.resources {
        width: 450px;
        border: none;
        background-color: transparent;
        margin: 0 auto;
    }

        div.br-carousel.resources .carousel-wrapper {
            width: 394px;
        }

            div.br-carousel.resources .carousel-wrapper .carousel-wrapper {
                height: 180px;
            }

    .br-carousel.resources > ul.pagination {
        display: none;
    }

    .prevCarousel {
        width: 20px;
        height: 20px;
        background: url("https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/security/sdl/shared/Templates/Components/sdlHero/images/dot.png") no-repeat 0 -91px;
        cursor: pointer;
        position: absolute;
        top: 120px;
    }

    .nextCarousel {
        width: 20px;
        height: 20px;
        background: url("https://waybackassets.bk21.net/20141219203904im_/http://www.microsoft.com/security/sdl/shared/Templates/Components/sdlHero/images/dot.png") no-repeat 0 -61px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 120px;
    }
}

@media screen and (max-width: 679px) {
    .cloneOuterWrapperText .oneMscomListPrimaryTitleLayout {
        font-size: 20px !important;
    }

    li.sdlagileHead li.TextList a, li.sdlagileHeadActive li.TextList a {
        font-size: 15px;
    }
}

@media screen and (max-width: 539px) {
    div.br-carousel.resources {
        width: 250px;
    }

        div.br-carousel.resources .carousel-wrapper {
            width: 192px;
        }

    .sdlagileHead, .sdlagileHeadActive {
        width: 100%;
    }

        .sdlagileHead li.TextList {
            background-color: #54AD75;
            margin-bottom: 5px;
        }

        .sdlagileHeadActive li.TextList {
            width: 94%;
            border: 2px solid #ccc;
            margin-bottom: 5px;
        }

            .sdlagileHead li.TextList a, .sdlagileHeadActive li.TextList a, .sdlagileHead li.TextList a:hover, .sdlagileHeadActive li.TextList a:hover {
                color: #fff;
            }
}

@media screen and (max-width: 319px) {
    .homepage_AccordianHeadings > li > h4 {
        font-size: 12px;
        padding-left: 25px;
    }

    div.br-carousel.resources {
        width: 220px;
    }

        div.br-carousel.resources .carousel-wrapper {
            width: 162px;
        }

            div.br-carousel.resources .carousel-wrapper > ul > li {
                width: 120px;
            }

        div.br-carousel.resources ul.links li {
            line-height: 12px;
        }

            div.br-carousel.resources ul.links li a span {
                line-height: 14px !important;
            }

    ul.links li, ul.text li {
        padding-left: 16px;
    }

    div.br-carousel.resources .icon {
        padding-left: 15px;
    }

    div.br-carousel.resources .carousel-wrapper .carousel-wrapper {
        width: 120px !important;
    }

    .resourcesInner div.carousel-wrapper ul li ul {
        width: 120px !important;
    }
}

@media screen and (max-width: 568px) {

    .AgilePage_AccordianContent .toolsSliderLink {
        margin-left:0px;
    }

    .AgilePage_AccordianContent {
        padding-left:20px;
    }
}


/*********** SDL Process end ***************/

/*
     FILE ARCHIVED ON 20:39:04 Dec 19, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:29:22 Dec 12, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.988
  exclusion.robots: 0.118
  exclusion.robots.policy: 0.1
  esindex: 0.014
  cdx.remote: 21.293
  LoadShardBlock: 108.511 (3)
  PetaboxLoader3.datanode: 94.091 (4)
  load_resource: 95.069
  PetaboxLoader3.resolve: 67.751
*/