/* BEGIN DocumentSurvey.ascx CSS */
        .quickpoll {
            border: 1px solid #ddd;
            font-size: 0.875em;
            padding: 0 5px 10px 5px;
            background-color: white;
            background-image: url("/Members/templates/images/poll_gradient.png");
            background-position: right bottom;
            background-repeat: repeat-x;
        }

            .quickpoll h4 {
                border-bottom: 1px solid #ddd;
                color: #00366c;
                font-size: 1em;
            }

            .quickpoll .radio, .quickpoll .checkbox {
                margin-left: 20px;
            }

                .quickpoll .radio input[type="radio"], .quickpoll .checkbox input[type="checkbox"] {
                    margin-left: -20px;
                }

            .quickpoll .resultsBar {
                background-color: #bfe6f3;
                color: #575757;
                height: 12px;
                margin-bottom: 14px;
            }

                .quickpoll .resultsBar .resultPercentage {
                    float: right;
                    width: 1%;
                    color: #2D2D2D;
                    font-weight: 800;
                    line-height: 1;
                    display: -webkit-inline-box;
                }

            .quickpoll .conclusion {
                font-style: italic;
                font-weight: bold;
                font-size: 1.167em;
                color: #575757;
            }

                .quickpoll .conclusion a {
                    font-style: normal;
                    font-size: 0.857em;
                }
        /* END DocumentSurvey.ascx CSS */

        .DocumentUrlLink {
            display: none;
            margin-bottom: 1px;
            position: absolute;
        }

        .DiscussionStreamSubscribe {
            padding-left: 10px;
            position: relative;
            top: 1px;
        }

        .FolderDiscussionControlSubscribed {
            font-size: xx-small;
            font-weight: bold;
        }

        .FolderDiscussionControlClose {
            background-color: white;
            border: thin solid black;
            color: black;
            float: right;
            margin-right: 3px;
            padding: 3px;
            position: relative;
            text-decoration: none;
            top: 3px;
        }

        .FolderDiscussionControlMore {
            margin: 8px;
        }

        .IETableFix {
            behavior: url(/global/js/display-table.min.htc);
        }

        .FolderDiscussionControlListContainer, .DiscussionStreamContainer, .DiscussionStreamControlBox {
            -dt-display: table-cell;
            background: #FFF;
        }

        .NavHighlighted {
            background-color: #9FC4F3;
            padding: 6px;
        }

        #MainTable {
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 2px;
        }

        #LeftHandNavigation {
            color: #0C0C75;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: normal;
            padding: 5px;
            vertical-align: top;
            width: 250px;
        }

        #RightHandContent {
            vertical-align: top;
        }

        #RightHandNav {
            vertical-align: top;
            width: 80px;
        }

        #FloaterPanel1 {
            width: 270px;
        }

        #LogoPanel {
            cursor: pointer;
            width: 100%;
        }

        #SearchPanel {
            margin-top: 5px;
            width: 100%;
        }

        #AlphaPanel1 {
            margin-top: 5px;
            width: 100%;
        }

        #AlphaPanel2 {
            margin-top: 5px;
            width: 100%;
        }

        #TOCPanel1 {
            margin-bottom: 10px;
            width: 100%;
        }

        #TOCPanel2 {
            margin-bottom: 10px;
            width: 100%;
        }

        #DocumentPanel {
            width: 100%;
        }

        #SearchResultsPanel1 {
            width: 100%;
        }

        #SearchResultsFrame {
            width: 100%;
        }

        #categorynameHeader {
            font-size: 16px;
        }

        .FolderDiscussionControlList {
            float: left;
            margin-right: 10px;
            width: 250px !important;
        }

        .FolderDiscussionControlListItem {
            margin-bottom: 21px;
        }

        .FolderDiscussionControlListContainer a:link {
            color: #004080;
            font-weight: 500;
            text-decoration: none;
            text-transform: none
        }

        .FolderDiscussionControlListContainer a:visited {
            color: #004080;
        }

        .FolderDiscussionControlListContainer a:hover {
            text-decoration: underline;
        }

        .FolderDiscussionControlListContainer button {
            float: right;
            margin-right: 8px;
        }

        .FolderDiscussionControlLink {
            font-weight: 500 !important;
        }

        .FolderDiscussionControlListContainer h3 {
            background: #eaeaea;
            margin-bottom: 4px;
            padding: 3px;
        }

        .DiscussionStreamContainer h3 {
            background: #eaeaea;
            margin-bottom: 4px;
            padding: 3px;
        }

        .DiscussionStreamControlMessageBox {
            overflow-y: hidden !important;
        }

        .FolderDiscussionControlListContainer {
            -moz-border-radius: 2px;
            -moz-box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.56);
            -webkit-border-radius: 2px;
            -webkit-box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.56);
            border: 1px solid #D5D5D5;
            border-radius: 2px;
            box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.56);
            display: table-cell;
            vertical-align: top;
        }

        .DiscussionStreamContainer {
            border-left: 0px solid #D5D5D5;
            display: table-cell;
            padding-left: 15px;
            vertical-align: top;
            width: 100%;
        }

        .CEStats {
            background-color: lightgray;
            border: solid thin gray;
            border-radius: 5px;
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 3px;
        }

        .CEStatItem {
            display: inline-block;
            margin-right: 5px;
            overflow: hidden;
            width: 150px;
        }

        .CETestStats {
            background-color: lightgray;
            border: solid thin gray;
            border-radius: 5px;
            margin-bottom: 5px;
            margin-top: 5px;
            padding: 3px;
        }

        .CETestStatItem {
            display: inline-block;
            margin-right: 5px;
            overflow: hidden;
            width: 150px;
        }

        /* banner boxes */
        .section {
            -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85); /* FF3.5+ */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce')"; /* IE8 */
            -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 810px -68px #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.65); /* Saf3.0+, Chrome */
            background: #e2dbce;
            background-image: -moz-linear-gradient(top, #f6f2ec, #e2dbce); /* FF3.6 */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f2ec), color-stop(1, #e2dbce)); /* Saf4+, Chrome */
            border: 4px solid #fff;
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85); /* Opera 10.5, IE 9.0 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce'); /* IE6,IE7 */
            margin: 20px;
            overflow: hidden;
            padding: 10px 20px;
            width: 85%;
        }

        .reveal {
            -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #f90, 0 12px 8px -5px rgba(0, 0, 0, 0.85); /* FF3.5+ */
            -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 810px -68px #f90, 0 12px 8px -5px rgba(0, 0, 0, 0.65); /* Saf3.0+, Chrome */
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #f90, 0 12px 8px -5px rgba(0, 0, 0, 0.85); /* Opera 10.5, IE 9.0 */
        }
        /* end banner boxes */

        .ProjectTitle {
            color: #707070;
            font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Grande', Verdana, Arial;
            font-size: 2.4em;
            font-style: normal;
            font-variant: normal;
            font-weight: 100;
            margin: 10px 0;
            text-align: left;
            width: 90%;
        }

        .ProjectTitleX a:link {
            font-size: 1.7em;
            font-weight: 600;
        }

        #ProfilePicture {
            -moz-border-radius: 50px;
            -webkit-border-radius: 155px;
            border: 1px solid #D5D5D5;
            border-radius: 155px;
            height: 52px;
            margin: 0 auto;
            width: 50px;
        }

        #MemberInfoX {
            background: #F2F2F2;
            border: 1px solid #D5D5D5;
            border-radius: 5px;
            padding: 5px;
        }

        #MemberInfo a {
            color: #004080;
            text-decoration: none;
        }

        #imgToggle {
            -moz-box-shadow: 6px 3px 8px #000000;
            -webkit-box-shadow: 6px 3px 8px #000000;
            border: 0;
            box-shadow: 6px 3px 8px #414141;
        }

        .CEClassRoomEnter {
            -moz-border-radius: 2px;
            -moz-box-shadow: 2px 0px 7px 0px rgba(50, 50, 50, 0.56);
            -webkit-border-radius: 2px;
            -webkit-box-shadow: 2px 0px 7px 0px rgba(50, 50, 50, 0.56);
            background: #EAEAEA;
            border-radius: 2px;
            box-shadow: 2px 0px 7px 0px rgba(50, 50, 50, 0.56);
            margin-bottom: 6px;
            padding: 7px;
        }

        .TopMenu {
            -moz-box-shadow: 1px 1px 2px 2px #ccc;
            -webkit-box-shadow: 1px 1px 2px 2px #ccc;
            background: #EAEAEA;
            box-shadow: 1px 1px 2px 2px #ccc;
            margin-bottom: 6px;
            padding: 7px;
        }

            .TopMenu a:link {
                color: #004080;
                font-size: 11px;
                font-weight: 700;
                text-decoration: none;
            }

            .TopMenu a:visited {
                color: #004080;
                font-size: 11px;
                font-weight: 700;
                text-decoration: none;
            }

            .TopMenu a:hover {
                text-decoration: underline;
            }

            .TopMenu .tools {
                width: 100%;
                float: left;
                margin-left: 10px;
            }

            .TopMenu .CELinks {
                padding: 0;
                margin: 0;
                margin-top: 30px;
                width: auto;
            }

                .TopMenu .CELinks > * {
                    display: inline-block;
                    padding: 0 .5em;
                    margin: 0;
                    margin-top: .25em;
                    margin-left: -.5em;
                    border-left: 1px solid black;
                    text-transform: uppercase;
                }

                    .TopMenu .CELinks > *:nth-child(1) {
                        border-left: none;
                    }

                .TopMenu .CELinks > a:last-of-type,
                .TopMenu .CELinks #spanClosed {
                    padding-right: 0;
                }

                .TopMenu .CELinks #spanClosed {
                    border: none;
                    margin-left: 0;
                }

        @media screen and (min-width: 1200px) {
            .TopMenu .tools {
                width: auto;
            }

            .TopMenu .CELinks {
                margin-top: 0;
                float: right;
            }

                .TopMenu .CELinks > * {
                    text-align: right;
                }

                    .TopMenu .CELinks > *:nth-child(1) {
                        padding-left: 0;
                    }
            .modal:before {
                display: inline-block;
                vertical-align: middle;
                content: " ";
                height: 100%;
            }
        }

        .VINtime {
            color: #969696;
            font-size: 11px;
            font-weight: 500 !important;
            margin: -9px 0 16px 0;
        }

        .handcursor {
            cursor: hand;
            cursor: pointer;
        }

        .iconspan {
            cursor: hand;
            cursor: pointer;
            float: left;
            font-weight: bold;
            margin: 3px;
        }

        #CEmessageBoardLink {
            clear: both;
            float: right;
            margin-top: -90px;
            position: absolute;
            right: 20px;
        }

            #CEmessageBoardLink a {
                text-decoration: none
            }

        #IndexPanel2 #messageBoardCommentText {
            display: none;
        }

        .denotement {
            display: none !important
        }

        .LatestList {
            margin: 2px 0 0 0;
            padding: 6px;
            width: 250px;
        }

            .LatestList UL {
                margin: 0;
                padding: 8px 0 2px 0;
                text-align: left
            }

            .LatestList H3 {
                display: none;
                font-size: 15px;
                padding-bottom: 10px;
            }

            .LatestList .link li {
                font-family: Arial;
                font-size: 14px;
                list-style: none;
                margin: 0;
                margin-bottom: 10px;
                padding-bottom: 0px;
                text-decoration: none;
            }

            .LatestList .link a {
                color: #004080;
                font-family: Arial;
                font-size: 12px;
                list-style: none;
                text-decoration: none;
            }

        .LatestListDate {
            color: #969696;
            font-size: 11px;
        }

        .CEonlineTime {
            display: none;
        }

        .BigBox {
            -moz-border-radius: 4px;
            -moz-box-shadow: 2px 0px 10px 0px rgba(50, 50, 50, 0.56);
            -webkit-border-radius: 4px;
            -webkit-box-shadow: 2px 0px 10px 0px rgba(50, 50, 50, 0.56);
            background: #F9F9F9;
            border: 1px solid #007575;
            border-radius: 4px;
            box-shadow: 2px 0px 10px 0px rgba(50, 50, 50, 0.56);
            margin: 20px auto;
            max-width: 70em;
            overflow: hidden;
            padding: 0.69em;
        }

        .MBReplyLnk, .MBEditMessageLnk, .MBViewMessageAuditLogLnk, .MBReplyAllLnk {
            -moz-border-radius: 3px;
            -moz-border-radius-bottomleft: 3px;
            -moz-border-radius-topright: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            background: #E1E1E1;
            border: thin solid grey;
            border-bottom-left-radius: 3px;
            border-radius: 3px;
            border-top-right-radius: 3px;
            box-shadow: lightgrey 1px 1px 1px 1px;
            color: #333 !important;
            cursor: pointer;
            display: inline-block;
            margin: 0 1px 0 5px;
            padding: 4px;
            text-align: center;
            text-decoration: none;
        }

        img.thumbs {
            -moz-border-radius: 2px;
            -moz-box-shadow: 2px 0px 7px 0px rgba(50, 50, 50, 0.56);
            -webkit-border-radius: 2px;
            -webkit-box-shadow: 2px 0px 7px 0px rgba(50, 50, 50, 0.56);
            border-radius: 2px;
            box-shadow: 2px 0px 7px 0px rgba(50, 50, 50, 0.56);
        }

        #contentBody {
            margin-top: 0 !important;
        }

        /*  back-to-top  */
        #myBtn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            border: none;
            outline: none;
            background-color: #b3a369;
            color: white;
            cursor: pointer;
            padding: 10px;
            border-radius: 10px;
            font-size: 18px;
        }

            #myBtn:hover {
                background-color: #555;
            }

        .shadow {
            -webkit-box-shadow: 0 8px 6px -6px #333;
            -moz-box-shadow: 0 8px 6px -6px #333;
            box-shadow: 0 8px 6px -6px #333;
        }

        #Project_EnterLibrary a.ProjectCategoryLinkClass {
            color: #ffffff;
            display: block;
            text-decoration: none;
            width: 160px;
            height: 17px;
        }

            #Project_EnterLibrary a.ProjectCategoryLinkClass:before {
                content: 'ENTER ';
            }
			
		.PreviousNextRight {
		  margin-right:50px;
		}

        #ZDtab {
            transition: width 1s;
            -moz-transition: width 1s; /* Firefox 4 */
            -webkit-transition: width 1s; /* Safari and Chrome */
            -o-transition: width 1s; /* Opera */
            position: fixed;
            width: 20px;
            height: 115px;
            right: -2px;
            top: 40%;
            padding: 2px;
            border-radius: 3px;
            cursor: pointer;
            z-index: 100;
            border: 1px solid black;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
            background: #ed9b33;
            overflow: hidden;
            box-sizing: content-box;
            opacity: 0.6;
        }
        #ZDtab:hover {
            opacity: 1.7!important;
        }
        .help-img {			
            width: 100%;
            max-height: 20%;
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom : 1px solid rgba(0, 0, 0, 0.5);
        }
        .help-text {			
            padding-top: 5px;
            padding-left: 30%;
            font-weight: bold;
            font-size: 14px;
            color:black;
        }
        iframe#webWidget {
            margin-right: 0 !important;
            right: -8px !important;
        }

        .ProjectsSearchDesign #btnGo {
            height: 30px;
        }

        .ProjectsSearchDesign .twitter-typeahead .tt-hint {
            color: #ffffff;
        }

        @-ms-viewport {
          width: auto !important; 
        }

        @media print {
            .TopMenu, .CEheader, .CEClassRoomEnter, .PreviousNextContainer, .SmallTitle {
                display: none;
            }
    
            #TopBarPos, #TopBar, .VINtime, .Copyright2, #imgToggle {
                display: none;
            }
    
            .section {
                width: 90%
            }
    
            html, body, form {
                height: auto !important;
                margin-top: 0 !important;
            }
    
            #contentBody {
                display: absolute !important;
                height: 100%;
                overflow-y: hidden !important;
                margin-top: -40px !important;
            }
    
            #ProjectDocumentPanel_print, #DocumentPanel_contentprint {
                display: table !important;
                position: relative;
                top: 0;
                height: auto !important;
            }
    
            #ProjectDocumentPanel_HomepageDisclaimer, #DocumentPanel_ContentDisclaimer {
                display: block !important;
                color: #0c0c75 !important;
                font-size: 9px;
            }
    
            #contentBody {
                position: inherit !important;
            }
    
            pre, tr, blockquote {
                border: 0 !important;
                page-break-inside: auto !important;
            }
        }

        /* modal stuff */
        .modal {
            text-align: center;
        }

        .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }
        /* end of modal stuff */