#BodyBackground
{
    min-width:0px;
}

#JelloExpander, .IE7 #JelloExpander, .IE8 #JelloExpander, .IE9 #JelloExpander
{
    padding-left:0px;
    padding-right:0px;
    border: none;
}

#JelloSizer {
    max-width: 0px;
}

.Chrome .internav {
    overflow:visible;
}
/*---------- Global ----------*/
body 
{
    font-size:0.75em;
}

h1 
{
    font-size: 3em;
    font-family: 'Segoe UI Light','Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    color: #707070;
    font-weight: normal;
    margin-bottom: 17px;
    line-height: 1.3;
    font-weight:100;
}

h2, h3, h4, h5, h6 
{
    font-family: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    color:#2a2a2a;
    font-weight:normal;
}

a, a:link, a:visited {
    color: #00749E;
    text-decoration: none;
}
a:hover {
    color: #0095c4;
    text-decoration:none;
}

#myContributionsLink, #uploadLink, #exclamationLink, .contributeAction > a{
    margin: 1px;
    float: left;
}

a:focus, input:focus, select:focus, button:focus, .tabHeaders > div:focus{
    outline: 1px dotted !important;
}

.profile-usercard {
    color:#707070 !important;
}

/*---------- End Global ----------*/
/*-------- Start Advertisment --------*/

.advertisment {
    padding-top:5px;
}

/*-------- End Advertisment --------*/

/*-------- Start LocalTabs Page --------*/
#GalleriesNavigation {
  float: right;
}

    .LocalNavigation {
        display:block;
        overflow: auto;
        width: auto;
        font-size: 13px;
    }
        .LocalNavigation .HeaderTabs {
            width: auto;
        }
        .LocalNavigation .TabOff {
            float: left;
        }

        .LocalNavigation .TabOff a {
            color: #00749E;
        }

        .LocalNavigation .TabOff a:hover {
            padding: 3px 5px;
            color: #0095C4;
        }

        .LocalNavigation #notificationLink span {
            color: #00749E;
            font-weight:bold;   
        }
    


/*-------- End LocalTabs Page --------*/



/*-------- Start SubMenu Page --------*/

.subMenu
{
    margin: 0 0 10px 0;
    font-weight: bold;
    overflow: hidden;
}   
            

.subMenu .betaLabel {
    color:Red;
}

.subMenu a, .subMenu span
{
    margin: 5px 5px 0 5px;
}

.subMenu > h2
{
    font-family: 'Segoe UI Light','Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
    float: left;
    margin: 15px 10px 5px 0;
    vertical-align: middle;
    color: #666;
    padding-bottom: 0px;
    font-weight: normal;
    font-size: 30px;
}

.subMenu .advancedSearchLink
{
    float: left;
    margin: 9px 0 0 15px;
}

.subMenu .searchDefaultLocale
{
    float: left;
    margin: 9px 0 0 30px;
    color: #0066E1;
}

.subMenu .searchDefaultLocale input
{
    vertical-align:top;
}
.subMenu .searchDefaultLocale span
{
    margin-left: -3px;
}

.subMenu .uploadLink
{
    float: right;
    margin: 5px 5px 0 0;
    padding: 0 0 0 30px;
    height: 24px;
    background: url('/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/Common/smalluploadicon.png') no-repeat 10px 0;
    color: #0066E1;
    cursor: pointer;
}

.subMenu #searchBoxContainer
{
    float: left;
    width: 400px;
    padding: 3px 50px;
}

/*-------- End SubMenu Page --------*/


/*-------- Start SearchBox --------*/

div.searchbox
{
    overflow:auto;
    width:492px;
    margin:26px 0 14px 0;
}

.srchbox
{
    width: 100%;
    background: #dedfe1;
    color: #999;
    padding: 0px 2px;
    height: 25px;
    table-layout: auto;
    margin-bottom:5px;
}

.srchbox #searchImageCell input
{
    background: transparent url('searchButton.png') no-repeat 0 0;
    width: 20px;
    height: 20px;
    padding-left: 1px;
    margin-top:3px;
}


.srchbox #searchImageCell
{
    text-align: right;
    padding: 0px;
    vertical-align: middle;
}

.IE7 .srchbox #searchImageCell
{
    padding:2px 2px 0 0;
}

.srchbox #searchImageCell input
{
}


table.srchbox
{
    table-layout: fixed;
}

.srchbox .stxtcell
{
    padding-right: 4px;
    width:90%;
}

.srchbox .stxtcell > input
{
    margin-right: 4px;
    height: 26px;
    line-height:26px;
    width: 100%;
    padding: 0px;
    padding-left: 4px;
    padding-top: 2px;
    border: none;
    font-style: normal !important;
    outline: none;
    background-color: transparent;
}

.IE7 .srchbox .stxtcell > input
{
    height: 20px;
}

.srchbox .stxtcell > input.stxtinptpassive
{
    color: #AAA;
    font-style: normal !important;
    font-family: inherit;
}

/*-------- End SearchBox --------*/


/*-------- Start Search Page --------*/


#searchPage #mainContentContainer
{
    margin: 0 0 0 243px;
}

#searchPage .browseFilterBar, #dashboardPage .browseFilterBar
{
    padding: 5px 0 6px 0;
}

    #searchPage .browseFilterBar a, #dashboardPage .browseFilterBar a
    {
        font-weight:normal;
    }

    #searchPage .browseFilterBar .browseSort, #dashboardPage .browseFilterBar .browseSort
    {
        float:right;
    }
    
    #searchPage .browseBreadcrumb
    {
        padding-top:3px;
    }

        #searchPage .browseFilterBar .browseSort select, #dashboardPage .browseFilterBar .browseSort select
        {
            height:20px;
            font-family: inherit;
        }        
        
        #searchPage .browseFilterBar .browseSort img, #dashboardPage .browseFilterBar .browseSort img
        {
            vertical-align:text-top;
        }

#searchPage h2, #searchPage h3, #searchPage .overview
{
    font-size: 1.25em;
    padding: 2px 0 3px 3px;
}

#searchPage h2, #searchPage .overview
{
    display:inline;
    clear:none;
}

#searchPage .overview
{
    font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.4;
    font-size: 1.1em;
    padding-left: 0;
}

 #dashboardsearchbox
 {
     width:420px;
     margin:0;
     float:left;
 }

img.rss {
    background: url("/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/common/rss.png") no-repeat scroll 0 0 transparent;
}
/*-------- End Search Page --------*/


/*--------  Begin Extra Actions Section --------*/
#extraActions
{
    float: right;
    width: 300px;
    vertical-align: top;
}

    #extraActions .section
    {
        padding: 0 0 10px 0;
        overflow:auto;
        margin-bottom: 10px;
    }
 
        #extraActions .section a
        {
            font-weight:normal;
        }
/*--------  End Extra Actions Section --------*/

/*--------  Begin Contribute --------*/

#contributeSection a
{
    font-size:1.1em;
}

#contributeSection, #sideNav #contributeSection h3, .sidebar #contributeSection h3, #contributeSection h3
{
    background-color:#fff;
    margin: 0 0 9px 0;
    padding-left: 0px;
}

#sideNav #contributeSection h3, .sidebar #contributeSection h3, #contributeSection h3
{
    font-size:1.65em;
    margin-top:42px;
}

#sideNav #contributeSection, #contributeSection
{
    padding:0 0 41px 0;
}

#projectPage .sidebar #contributeSection
{
    margin: 10px 0 0 0;
}

#sideNav #contributeSection > div, .sidebar #contributeSection > div, #contributeSection > div
{
    padding: 0 0 2px 0;
    overflow:hidden;
}

#sideNav #contributeSection img, #contributeSection img
{
    float: left;
    width: 25px;
}

#sideNav #contributeSection .contributeAction, .sidebar #contributeSection .contributeAction, #contributeSection .contributeAction
{
    padding:17px 0 0 0;
}

    #contributeSection .contributeAction img
    {        
        background-color:#00749e;
        margin-right:9px;
        margin-top: 5px;
    }
    
    #contributeSection .contributeAction img:hover
    {
        background-color:#0095C4;
    }
    
     #contributeSection .contributeAction a
    {
        display:block;
        max-width:215px;
    }

#uploadLink, #exclamationLink, #myContributionsLink
{
    display:block;
    line-height: 1.8;
}

#myContributionsLink span 
{
    color: red;    
}

#feedbackLink
{
    background: url("FeedbackIcon.png") no-repeat;
    width: 40px;
    height: 40px;
}

.itemRow .affiliationLink, #editorPicksSection .affiliationLink
{
    background: url("/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/common/MicrosoftLogo.png") no-repeat;
    width: 82px;
    height: 18px;
}


#contributeSection a+div
{
         
}

.IE7 #contributeSection a+div
{
    float:left;
}

/*--------  End Contribute --------*/


/*--------  Begin Directory List styles --------*/

#directoryList {
    border-left: 3px solid #eee;
    margin-left: -20px;
    padding-left: 20px;
}

#directoryListFooter {
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid #E6E6E6;
    background-color:#F8F8F8;
}

/*--------  End Directory List styles --------*/

/*--------  Begin Editors Picks --------*/
#editorPicksSection ul
{
    padding-left:0px;
    line-height:135%;
}

    #editorPicksSection ul li
    {
        clear: left;
        padding-top: 10px;
        list-style:none;
    }
    #editorPicksSection ul li:first-child {
        padding-top: 0;
    }
        
        #editorPicksSection a {
            font-weight: normal !important;
        }
        
        #editorPicksSection ul li .thumbnail
        {
            float: left;
            padding: 3px;
            max-width: 60px;
        }
        
            #editorPicksSection ul li .thumbnail img {
                max-width: 60px;
            }
/*--------  End Editors Picks --------*/

/*--------  Begin Side Nav Section --------*/

#sideNav
{
    width: 215px;
    margin-left: 0;
    vertical-align: top;
    float: left;
}

    #sideNav #sideNavHeader
    {
        margin-bottom: 10px;
        padding-left:12px;
    }

    #sideNav #sideNavHeader a
    {
        margin-right:3px;
    }

    #sideNav .section
    {
        padding: 0 10px 18px 0px;
    }

        #sideNav .section h3
        {
            padding: 2px 0 3px 3px;
        }

        #sideNav .section ul
        {
        }
            
            #sideNav .section ul li
            {
                padding: 4px 0 2px;
                border-bottom: none;
                margin-left: 3px;
                margin-right: 3px;
            }
                #sideNav .section ul li.selected > a {
                    font-weight:bold;
                }

                .IE8 #sideNav .section ul li > div.itemText
                {
                    word-wrap: break-word;
                    width: 225px;
                }
                div.itemText
                {
                    display: inline-block;
                }
                #sideNav .section ul li > div.itemCount
                {
                    color: #707070;
                }
            #sideNav .section ul ul {
                border-top: none;
                margin-left:10px;
            }

            #sideNav .section ul ul li {
                border-bottom: none;
            }

        #sideNav .section form > div
        {
             padding: 4px 0 0 0;
            border-bottom: none;
            margin: 0 3px 0 3px;
            color: #3A3E43;
        }

        #sideNav .section a
        {
            font-weight: normal;    
        }

        #sideNav .section a:hover
        {
            text-decoration: underline;
        }

/*--------  End Side Nav Section --------*/


/*-------- Start Tab Control --------*/

.tabHeaders
{
    font-weight:normal;
    border-bottom: solid 1px #CCC;
    float: left;
    width: 100%;
}

.tabHeaders div
{
    padding: 7px 19px 8px 19px;
    font-size: 0.9em;
    line-height: 125%;
    color:#00749E;
    cursor: pointer;
    float: left;
    text-align: center;
}

.tabHeaders div.current
{
    background-color:#fff;
    cursor: default;
    border: 1px solid #CCC;
    border-bottom:none;
    margin-bottom:-2px;
    color:#000;    
}

.tabHeaders div a
{
    text-decoration:none;
}

.tabContents
{
    clear: both;
    padding: 10px 0;
}

#MainContent .tabHeaders div.current a
{
    color:#000;
}

.tabContents div.current
{
    display: block;
}

.IE7 .tabContents > div
{
    min-height: 450px;
}

/*-------- End Tab Control --------*/




/*-------- Start Dashboard Page --------*/

#dashboardPage {
    padding-top:5px;
    clear:both;
}
#dashboardPage .contributions .tabContents {
    padding: 5px 5px 10px 0;
    clear:both;
}
    #dashboardPage .contributions .noContributions {
        clear:both;
    }
#dashboardPage #mainContentWrapper {
    float:left;
    width:100%;
}

#dashboardPage #detailsSection {
    float:left;
    margin-left:-100%;
    width:240px;
    padding: 0 0 18px 10px;
}

.IE7 #dashboardPage #detailsSection {
    width:auto;
    min-width: 300px;
    max-width: 300px;
}
.IE7 #dashboardPage #detailsSection .itemBar {
    width: 270px;
}

#dashboardPage #detailsSection h3 {
    word-wrap:break-word;
}

#dashboardPage #mainContent {
    margin:0 0 0 250px;
    position:relative;
}

#dashboardPage .dashboardEvenRow
{
    background-color: #ececec;
}
#dashboardPage .dashboardPadding
{
    padding-bottom: 4px;
}
#dashboardPage .dashboardCell
{
    width: 100%;
    vertical-align: top;
    padding: 1em 0.5em 0.5em 0.5em;
    word-wrap: break-word;
}
#dashboardPage .projectManagement
{
    width: 24em;
    padding: 0em 1em 0em 1em;
    vertical-align: top;
    text-align: right;
    float: right;
}

#dashboardPage #subscriptionsLink 
{
    position:absolute;
    right:5px;
}

#dashboardPage .itemDelete
{
    vertical-align:top;
    padding-top:.8em;
    width:30px;
}

#dashboardPage .itemDeleteText
{
    border-style:solid;
    border-width:thin;
    border-collapse:collapse;
    padding-bottom:2px;
    padding-left:4px;
    padding-right:4px;
    color:Gray
}

#dashboardPage #myRequestsTab .requestTabHeaders
{
    font-weight:normal;
    border-bottom: solid 1px #CCC;
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
}

#dashboardPage #myRequestsTab .requestTabHeaders div:first-child
{
    border: 0;
}

#dashboardPage #myRequestsTab .requestTabHeaders div
{
    padding: 2px 9px 3px 9px;
    font-size: 0.9em;
    line-height: 125%;
    color:#00749E;
    border-left: solid 1px #555;
    cursor: pointer;
    float: left;
    text-align: center;
}

#dashboardPage #myRequestsTab .requestTabHeaders div.currentRequest
{
    background-color:#fff;
    cursor: default;
    border-bottom:none;
    margin-bottom:-2px;
    color:#000;    
}

#dashboardPage #myRequestsTab .requestTabHeaders div.currentRequest a {
    color: #000;
}


#dashboardPage #myRequestsTab .requestTabHeaders div a
{
    text-decoration:none;
}

#dashboardPage #myRequestsTab .requestTabContents
{
    clear: both;
}

#dashboardPage #myRequestsTab .requestTabContents .noResults {
    padding-top: 20px;
}

/*-------- End Dashboard Page --------*/

/*-------- Start Upload Page --------*/

#UploadPage
{
    margin-left:10px;
    max-width:900px;
}

    #UploadPage .watermark {
        color:Gray;
    }
    #UploadPage fieldset
    {
        margin: 10px 0 30px 10px;
        border: none;
    }

        #UploadPage fieldset > *
        {
            margin-left:10px;
        }  

        #UploadPage .fieldsetStyleContainer {
            margin: 15px 0 0 10px;
        }

        #UploadPage fieldset h2,
        #UploadPage .fieldsetStyleContainer h2
        {   
            font-family: 'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
            font-size: 17px;
            font-weight: normal;
            color: #3A3E43;
            border-bottom: 2px solid #EFEFEF;
            width: 100%;
            padding-bottom: 3px;
            margin-left:0px;
            margin-bottom:8px;
        }

        .IE7 #UploadPage fieldset h2,
        .IE7 #UploadPage .fieldsetStyleContainer h2
        {
            margin-left:-10px;
        }

        #UploadPage fieldset .field-validation-error
        {
            clear:left;
            display:block;
            margin-top:4px;
        }

        #UploadPage fieldset .required
        {
            margin-left: 3px;
        }

        #UploadPage fieldset .instruction,
        #UploadPage fieldset .HIP_Section,
        #UploadPage .fieldsetStyleContainer .description,
        #UploadPage .fieldsetStyleContainer .instruction
        {
            color: #3A3E43;
            margin:0 0 10px 0;
        }

        #UploadPage fieldset .faqLink
        {
            margin: 0 0 10px 0;
        }

        #UploadPage fieldset label 
        {
            display:block;
        }

        #UploadPage fieldset input[type=text]
        {
            width:60%;
        }

        #UploadPage fieldset input[type=checkbox]
        {
            float:left;
            clear:left;
            margin-right:5px;
        }

        #UploadPage fieldset input[type=radio]
        {
            float:left;
            clear:left;
            margin-right:5px;
        }

        #UploadPage fieldset input[type=radio]
        {
            float:left;
            clear:left;
            margin-right:5px;
        }

        #UploadPage fieldset#richDescription textarea 
        {
            width:100%;
            height:600px;
        }
          
        #UploadPage fieldset#summary textarea 
        {
            width:60%;
            height:100px;
            margin-top: 10px;
            margin-left: -30px;
        }

        .IE #UploadPage fieldset#summary textarea, .IE9 #UploadPage fieldset#summary textarea
        {
            margin-left: -30px;
            overflow: auto;
        }

        .FF #UploadPage fieldset#summary textarea
        {
            margin-left: -30px;
        }

        #UploadPage fieldset#summary #SummaryReadOnly 
        {
            width:60%;
            margin-top: 10px;
            padding-top: 5px;
            color: #909082;
        }

        #UploadPage fieldset#summary #SummaryCharCount 
        {
            width:60%;
            text-align: right;
        }
                
        #UploadPage fieldset#options label 
        {
            margin-bottom:10px;
        }
        
        #UploadPage fieldset#license label
        {
            margin-bottom:10px;
        }        
        
        #UploadPage input[type="text"].tagInput
        {
            width:40%;
            float:left;
        }

        #UploadPage .addedTags 
        {
            margin-bottom:15px;
            width: 500px;

        }
            #UploadPage .addedTags .tag 
            {
                position:relative;
                overflow:hidden;
            }

                #UploadPage .addedTags .tag  label 
                {
                    float:left;
                }
            
                #UploadPage .addedTags .tag  a 
                {
                    position:absolute;
                    text-align:right;
                    right:0px;
                }

        #UploadPage .categoryMessage {
            display: none;
        }
                
        .fileManager .fileUploadProgressIndicator
        {
            width: 500px;
        }
        .fileManager .fileUploadProgressIndicator .throbber
        {
            font-weight: bold;
            background: url('./progressIndicatorWhite.gif') no-repeat 10px 0;
            padding: 7px 10px 5px 60px;
            height: 25px;
            margin-left: -10px;
        }

        .fileManager #uploadFrame, .fileManager .uploadFrame
        {
            width:100%;
        }

            .fileManager .addLabel + a 
            {
                margin-left:25px;
            }

        .fileManager fieldset label {
            display: block;
        }

        .fileManager .unlocalizedFiles {
            color:#808080;
        }

        .fileManager .filesContainer 
        {
            margin-bottom:15px;
            width: 500px;

        }

            .fileManager .filesContainer .file
            {
                position:relative;
                overflow:hidden;
            }

                .fileManager .filesContainer .file .title {
                    border-bottom: 1px solid #000000;
                    padding-bottom: 3px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                    .fileManager .filesContainer .file .title .manageLinks
                    {
                        float: right;
                    }
                    
                .fileManager .filesContainer .file .version {
                    padding-left: 10px;
                }

                    .fileManager .filesContainer .file .version label {
                        float: left;
                        font-weight: bold;
                    }

                    .fileManager .filesContainer .file .version span {
                        float: left;
                        margin-left: 5px;
                    }

                .fileManager .filesContainer .file .language {
                    clear: left;
                    padding-left: 10px;
                }

                    .fileManager .filesContainer .file .language label {
                        font-weight: bold;
                    }

                    .fileManager .filesContainer .file .language label + label {
                        font-weight: normal;
                        padding-left: 10px;
                    }

                    .fileManager .filesContainer .file .language div {
                        padding-left: 20px;
                    }


    .progressIndicatorfade
    {
        position: absolute;
        background-color: #FFFFFF;
    }
    .progressIndicator
    {
        background-color: #f4f4f4;
        border: 1px solid #000000;
        -border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 15px;
        position: absolute;
        display: block;
        max-width: 70%;
        max-height: 70%;
    }
    #progressIndicator .progressIndicatorclose
    {
        display: none;
    }

    #progressIndicatorContent
    {
        font-weight: bold;
        padding: 7px 10px 0 10px;
        height: 25px;
    }
   

/*-------- End Upload Page --------*/

/* --- 
   --- Homepage ---
   --- */
p
{
    margin: 0 0 1px 0;
}
#homePageHeader
{
    float: left;
    margin-bottom: 1em;
    width: 100%;
}

.tagline {
    font-size: x-small;
    position: relative;
    top: -11px;
}

.logo
{
    float: left;
    width: 455px;
    height: 70px;
    font-weight: bold;
    font-size: 22px;
    margin: 0 10px 0 0;
    color: #3A3E43;
}
.logo > img
{
    float: right;
}
.logo > div
{
    color: #3A3E43;
    font-weight: bold;
    font-size: 22px;
}

.welcomeInfo
{
    float: left;
    width: 700px;
}
.welcomeInfo h2
{
    font-size: 16px;
}
.welcomeInfo p
{
    margin: 5px 0 0 0;
}

#siteActions > div
{
    border: 1px solid #BBBBBB;
    padding: 15px 5px 0 65px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
#siteActions a, #siteActions p
{
    margin-top: 5px;
}

#siteActions .label a
{
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 3px;
}

#myGalleryBox
{
    background-image: url("MyGalleryIcon.png");
}

#findActions
{
    float: right;
    padding: 10px;
    width: 225px;
    height: 50px;
    border: 1px solid #BBBBBB;
    margin: 0 10px 0 0;
}

#findBox div:first-child
{
    margin: 0 0 5px 0;
    font-weight: bold;
}

#legalDisclaimer
{
    margin: 0 0 10px;
    color: #2A2A2A;
    font-size: 0.8em;
}

#siteActions
{
    float: right;
    width: 200px;
}
#siteActions > div
{
    margin-bottom: 10px;
}
.homePageProjects
{
    width: 100%;
    float: left;
}
.homePageProjects > div
{
    padding-left: 1.5em;
}
.homePageProjects > div:first-child
{
    padding-left: 0;
}

.homePageProjects .projectList ul
{
    padding: 0;
    margin: 0;
}
.homePageProjects li
{
    margin-top: .5em;
    padding-bottom: 0.5em;
    list-style-type: none;
}
.homePageProjects .itemRow a, .homePageProjects .itemRow a:hover
{
    color: #0054A6;
}

.projectList > a:first-child
{
    margin-left: 1px;
    float: right;
}
.projectList > a, .projectList > a:hover
{
    color: #5BAEDB;
}
.projectListTitle
{
    height: 27px;
    font-size: 16px;
    font-weight: bold;
    line-height: 125%;
    background: #E8E8E8;
    padding: 5px 5px 5px 25px;
}
.homePageListPager
{
    text-align: right;
    margin-bottom: -.5em;
}

.recentlyAddedProjects
{
    float: left;
    width: 32%;
}
.mostPopularProjects
{
    float: right;
    width: 32%;
}
.highestRankedProjects
{
    overflow: hidden;
}
* html .highestRankedProjects
{
    float: left;
}
* html .highestRankedProjects > div
{
    width: 100%;
}
#Pager
{
    text-align:left;
}

/* Impromptu warning style */
.ipWarningfade
{
    position: absolute;
    background-color: #aaaaaa;
}
div.ipWarning
{
    width: 400px;
    position: absolute;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px 0 20px 20px;
    background-color: #FCE5E6;
    border: solid 2px #EE1F25;
}
.ipWarningcontainer
{
    font-weight: bold;
}
.ipWarningclose
{
    display: none;
}
.ipWarningmessage div
{
    position: relative;
}
.ipWarningmessage div div + div
{
    text-align: center;
    padding-right: 20px;
}
.ipWarningmessage div div:first-child div
{
    margin-left: 50px;
}
.ipWarningmessage div div:first-child img
{
    position: absolute;
    margin: -20px 0 0 0;
    top: 35%;
}
.ipWarningbuttons
{
    text-align: center;
    margin: 20px 0 0 0;
}
.ipWarning button
{
    padding: 4px 8px 4px 8px;
    margin: 2px;
    font-weight: bold;
    border: solid 1px #A6A3A6;
    color: #FFFFFF;
    background: #B8BABC;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#B8BABC',EndColorStr='#949699');
}

#eyebrow
{
    width: 100%;
}

.EyebrowContainer a, .EyebrowContainer a:link, .EyebrowContainer a:visited, .EyebrowContainer a:active
{
    color: #2A2A2A;
    margin: 0 2px;   
}

.EyebrowContainer a:link {
    color: #707070;
}

.EyebrowContainer a:hover 
{
    color: #707070;
    text-decoration: none;    
}

#siteMessage .unsupportedLocale {
    margin: 10px 0 0 243px;
    border: solid 1px #CCC;
    background: #FCFEC5;
    padding: 5px;
}

#Footer
{
    width: 100%;
    height: auto;
}

.clear
{
    clear: both;
}

#buildVersion
{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding-right: 26px;
    padding-top: 8px;
    text-align: right;
}

#page
{
    clear: both;
    padding-top: 10px;
}

#page h1
{
    padding: 10px 0px;
}

#ownerBar
{
    background: #EFEFEF;
    border: 2px solid #7FCBF5;
    text-align: left;
    color: Black;
    margin: 10px 0 20px 0;
    padding: 5px;
    word-spacing: 0px;
    font-size: medium;
}

#ownerBar a
{
    color: Blue;
    padding: 0 5px 0 5px;
}



.itemContainer
{
    width: 100%;
}
.itemRow .itemTitle
{
    padding-bottom: 5px;
    font-size:1.1em;
}

.itemRow .itemBody, .itemRow .itemInfo
{
     padding:15px 17px 16px 0;
}
.itemRow .itemDescription
{
    overflow: hidden;
    max-height: 80px;
}
.itemRow .itemBody
{
    vertical-align: top;
    line-height: 1.4em;
}
.itemRow .itemBody .officialMicrosoftLabel
{
    color: #ACACAC;
}

#MainContent a.officialMicrosoftLabel 
{
    color: #393939;
}

.itemRow .itemInfo
{
    vertical-align: top;
    padding-left: .5em;
    line-height: 1.4;
    width: 10em;
    text-align:right;
}

.editorPickedItem
{
    background-color:#F8F8F8;
}

.editorPickedText
{
    font-size:1.25em;
    padding-bottom:2px;
}

.editorPickedItem > td 
{
    border-top:6px solid #fff;
}

.dirSubHeading
{
    margin-bottom:15px;
}

#searchPage .dirSubHeading h2 
{
    line-height:1.4;
    font-size:1.1em;
}

#searchPage .dirSubHeading h1, #searchPage .dirSubHeading h2, .dirSubHeading .overview
{
    clear:none;
    padding-left:0px;
}

.dirSubHeading .dirSubLinks
{
    font-size:1.2em;
    padding-top:5px;
}



.IE7 .itemRow .itemInfo
{
    width:11em;
}

.itemRow .itemInfo .ratingStars
{
    float: left;
}
.itemRow .itemInfo .ratingCount
{
    padding: 0 0 0 5px;
    float: left;
}
.itemRow .ratingInfo
{
    text-align: center;
}

.itemRow .affiliationLink, #editorPicksSection .affiliationLink
{
    position: relative;
    top: 3px;
}

#editorPicksSection .officialMicrosoftLabel
{
    color: #ACACAC;
}

.itemRow .tagsContainer label {
    display:none;
}

.summaryBox
{
    padding: .25em 0 .25em 0;
    clear: both;
    line-height:1.45;
}

/*-------- Start Rating Stars --------*/
.RatingStar
{
    width: 11px;
    height: 11px;
    padding: 0 8px 0 0;
    background-position: center;
    float: left;
}

.FilledRatingStar, .HalfRatingStar, .EmptyRatingStar, .FilledRatingStarHover
{
    width: 11px;
    height: 11px;
    padding: 0px 1px 0px 0px;
    margin-top: 2px;
}

.FilledRatingStar
{
    background: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/fullStar.png) no-repeat;    
}

.ownerRating .FilledRatingStar
{
    background: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/fullStar.png) no-repeat;
}

.FilledRatingStarHover
{
    background: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/fullStarHover.png) no-repeat;
    
}

.HalfRatingStar
{
    background: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/halfStar.png) no-repeat;
   
}

.EmptyRatingStar
{
    background: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/emptyStar.png) no-repeat;
    
}

.EditStarMode .RatingStar
{
    cursor: pointer;
}

/*-------- End Rating Stars --------*/

.discussionFormTable
{
    width: 100%;
    table-layout: fixed;
}


#ReviewsTabPane .seeAllLink, #DiscussionsTabPane .seeAllLink
{
    margin-top: 10px;
    text-align: center;
}

/*-------- Start DiscussionsTab --------*/

.threadActions
{
    text-align: right;
    margin-top: 10px;
    float: right;
}

#DiscussionsTabPane .reply, #DiscussionsTabPane .toggleDiscussion
{
    cursor: pointer;
}


#defaultDicussionText, #newDiscussion
{
    padding-top: 10px;
}
#DiscussionsTabPane .posts
{
    display: block;
}
#DiscussionsTabPane .threadHeader .left
{
    float: left;
}
#DiscussionsTabPane .threadHeader .right
{
    float: right;
}
#DiscussionsTabPane .normal
{
    font-weight: normal;
}

#DiscussionsTabPane .threadHeader
{
    position: relative;
    background-color: #ECECEC;
    padding: 4px 10px 4px 10px;
}

#DiscussionsTabPane .threadHeader .title
{
    color: #000000;
    font-weight: bold;
    margin-bottom: .7em;
}
#DiscussionsTabPane .threadHeader .label
{
    color: #000000;
}
#DiscussionsTabPane .postMeta
{
    color: #666666;
}
#DiscussionsTabPane .threadHeader .value
{
    font-weight: bold;
    color: #000000;
}

#DiscussionsTabPane .reply
{
    font-weight: normal;
    cursor: hand;
}

#DiscussionsTabPane ul li
{
    list-style-type: none;
    list-style-image: none;
    padding-bottom: 10px;
}

#DiscussionsTabPane ul
{
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 2px;
}

.IE #reviewList .right
{
    margin-right: -1em;
}

#newDiscussion
{
    margin: 0 0 15px 0;
}
#newDiscussion #Title
{
    width: 50%;
}
#newDiscussion textarea
{
    width: 99%;
    height: 10em;
}

#DiscussionsTabPane
{
    margin-left: 0px;
    padding: 0 1em 1em 1em;
}


.postMeta
{
    float: right;
}

.postReply
{
    cursor: hand;
    float: right;
    font-weight: bold;
}

.postSaveReply
{
    display: none;
}

.postSaveReply textarea
{
    width: 99%;
    margin-bottom: 4px;
    height: 8em;
}

.toggleDiscussion
{
    cursor: hand;
}

.saveReplyErrorMessage
{
    display: none;
    margin: 0 0 4px 0;
    color: Red;
    font-weight: bold;
}

#discussionListItem {
    padding-top: 5px;
}

    #discussionListItem .avatar
    {
        float: left;
        padding: 5px;
        vertical-align: middle;
    }

    .IE7 #discussionListItem .avatar
    {
        margin-top: 15px;
    }

    #discussionListItem .discussion
    {
        margin-left: 55px;
        padding: 0 5px 5px 5px;
        vertical-align: top;
        min-height: 45px;
    }



/*-------- End DiscussionsTab --------*/


.flotChart
{
    height: 300px;
}

#projectMenuBarTop
{
    padding: 10px 0 20px 0;
    font-weight: bold;
    font-size: 25px;
}
.dayHeader
{
    font-weight: bold;
}

/*-------- Start StatsPage --------*/
#statsPage
{
    border: none;
    background-color: Transparent;
    margin-top: 1em;
}

#statsPage .rangeBox
{
    padding: 5px;
    background-color: #ECECEC;
    border: solid 1px #C2C2C2;
    float: left;
}
#statsPage .statBox
{
    margin-top: 1em;
    margin-bottom: 10px;
    overflow: hidden;
    display: none;
}
#statsPage .statBox h3
{
    font-size: 1.1em;
    display: inline;
}

#statsPage #statMessage
{
    margin-top: 1em;
    display: none;
}

#pointTooltip
{
    border: solid #000000 1px;
    height: 35px;
    background-color: #EEEEEE;
    position: absolute;
    display: none;
    text-align: center;
    padding: 9px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index: 1000;
    white-space: nowrap;
}

.flotChart
{
    height: 300px;
}

/*-------- End StatsPage --------*/


/***************************************************************/
/* TagAutoComplete Styles */
/***************************************************************/
.AutoCompletePanel
{
    font-size: 95%;
    border: solid .1em #999;
    background-color: #f0f0f0;
    padding: .15em;
}

.AutoCompletePanel div.Row
{
    color: #000;
    cursor: pointer;
    background-color: transparent;
    padding: .15em .25em;
    text-align: left;
}

.AutoCompletePanel div.Selected
{
    color: #fff;
    background-color: #6D6D6D;
}


/*-------- Start Subscription Form --------*/

#subscribeForm
{
    background-color: #D3D3D1;
    border: 1px solid #000000;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    position: absolute;
    display: block;
}

#subscribeForm .subscribeFormbuttons
{
    text-align: right;
    margin-top: 10px;
}
#subscribeForm .subscribeFormbuttons > button
{
    color: Blue;
    border: none;
    background: none;
    font-weight: bold;
    cursor: pointer;
}

#subscribeForm .subscribeFormclose
{
    display: none;
}

#subscribeForm table
{
    margin-bottom: 15px;
}

#subscribeForm table th
{
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}

#subscribeForm table td
{
    padding: 5px 10px 5px 20px;
}

#subscribeForm .rowHeading td
{
    font-weight: bold;
    border-bottom: 1px solid #FFFFFF;
}

#subscribeForm table tr td:first-child
{
    padding: 5px 40px 5px 0;
}


/*-------- End Subscription Form --------*/

/*-------- Start Tag Browser --------*/
.tagBrowserfade
{
    position: absolute;
    background-color: #aaaaaa;
}

#tagBrowser
{
    background-color: #f4f4f4;
    border:1px solid #000000;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:15px;
    position: absolute;
    display: block;
}

#tagBrowser .tagBrowserbuttons
{
   text-align:right;
   margin-top: 10px;
}
#tagBrowser .tagBrowserbuttons > button
{
    color: Blue;
    border: none;
    background: none;
    font-weight: bold;
    cursor:pointer;
}

#tagBrowser .tagBrowserclose
{
    display:none;
}

.tagBrowserContainer {
    width: 450px;
}

.tagBrowserContainer h2 {
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
}
.tagBrowserContainer > p {
    margin: 15px 0 15px 0;
}

.tagBrowserContainer .tags {
    margin: 5px;
    height: 225px;
    overflow-y: scroll;
}


/*-------- End Tag Browser --------*/

/*-------- Start Notifications --------*/

#notificationsSummaryBox
{
    font-weight: bold;
    padding: .5em;
}


.notificationsByDay, .notifications
{
    /*list-style: none;*/
}

.dayHeader
{
    border-bottom: 1px solid silver;
    margin-top: 1em;
    padding-bottom: .5em;
}

.notifications
{
    margin-top: .5em;
}

ul.notifications li
{
    line-height: 1.5em;
}

ul.notifications li.unread
{
    font-weight: bold;
}

ul.notifications li ol, ul.notifications li ul
{
    margin-left: 1.5em;
}

/*-------- End Notifications --------*/

/*-------- Start ProjectDetailsPage --------*/

#projectPage #projectInfo
{
    position: relative;
    margin-top: 5px;
    height: 100%;
}
#projectInfo .section
{
    float: left;
    margin-bottom: 0px;
    height: 100%;
}

    #projectInfo .section .itemBar, #projectInfo .section .itemBarLong
    {
        clear: both;
        padding: 7px 0 7px 0;
        overflow:auto;
    }
    
     #projectInfo .section .itemBarLong:first-child
     {
         padding-top:3px;
     }
    
    .IE7 #projectInfo .section .itemBar, .IE7 #projectInfo .section .itemBarLong
    {
        padding-top: 5px;
    }

    #projectInfo .section .itemBar > label, #projectInfo .section .itemBarLong > label
    {
        width: 130px;
        float: left;
    }

    #projectInfo .section .itemBar div#yourRating {
        float:left;
    }    
    
    #projectInfo .section .itemBar div.RatingStar {
        margin:2px 1px 0 0;
    }

    #projectInfo .section .itemBar div#RatingCount {
        padding: 0 0 0 3px;
    }    
    
    #projectInfo .section .itemBar .ratingsWithCountContainer img {
       vertical-align:top;
       float:left;
       padding-right: 4px;
    }

    #projectInfo .section .itemBar > span, #projectInfo .section .itemBarLong > span, #projectPage .section .itemBar > div
    {
        float: left;
    }

    #projectInfo .section .itemBar, #projectInfo .section .itemBarLong {
        width: 100%;
    }

    #projectInfo .section .itemBar > span {
        float: none;
    }

    #projectInfo .section .itemBar > span .shareThisItem {
        white-space: nowrap;
    }
    
    #projectInfo .section .itemBarLong div
    {
        margin-left: 130px;
        padding: 0;
    }
    
    #projectInfo .section .viewonlinecont
     {
         background-color:#d3d3d3;
         padding:5px 10px;
         margin-top:10px;
         float:left;
         font-weight:bold;
     }


#projectPage #disclaimer {
    font-size: 80%;
    line-height: 140%;
}

#projectPage .descriptionSubSectionTitle {
    font-weight: bold;
    display: block;
    margin-bottom: .8em;
    margin-top: 1em;
}





#projectInfo #sectionLeft
{
    width: 50%;
}
#projectInfo #sectionRight
{
    width: 50%;
}
.IE7 #projectInfo #sectionRight
{
    width: auto;
}

#projectPage .projectTitle
{
    float: left;
    color: #707070;
    margin: 10px 0 15px 0px;
    width: 100%;
}

#projectPage h2.projectSummary
{
    font-weight: normal;
    font-size: 1.1em;
    margin-bottom: 11px;
    line-height: 1.4;
    word-wrap: break-word;
}

.IE7 #projectPage h2.projectSummary 
{
        font-family: 'Segoe UI' , 'Lucida Grande' ,Verdana,Arial,Helvetica,sans-serif;
}

.IE #projectPage .projectTitle, .IE9 #projectPage .projectTitle
{
    width: 100%; 
}

#projectPage #reportAbuse
{
    float: left;
    font-size: x-small;
}

#projectPage .hiddenSidebar {
    display: none;
}

#projectPage .fullProjectBody {
    margin-left:-275px;
}

.IE8 #projectPage #userCard {
    float: left;
    height: auto;
}

#projectPage #userCard .avatar img {
    max-width: 100px;
    max-height: 100px;
}

#projectDetails
{
    overflow:hidden;
}

#projectBody
{
    width: 100%;
    overflow:hidden;
}

    #projectDetails > div:first-child
    {
        margin: 5px 0 0 260px;
    }
 
    #projectBody > div:first-child
    {
        margin: 20px 0 0 260px;
    }

    .IE7 #projectContent .tabHeaders
    {
        overflow:hidden;
        margin-bottom:-20px;
    }

#projectPage .sidebar
{
    float: left;
    width: 215px;
    margin-right: -250px;
    padding-left:10px;
}

    #projectPage .sidebar .section
    {
        margin: 20px 0 10px 0;
    }

        #projectPage .sidebar .section .titleBar h3
        {
            padding: 0 0 2px 0;
        }

        #projectPage .sidebar .section .itemBarRight
        {
            min-height: 21px;
            position: relative;
            padding-top: 5px;
        }

        #projectPage .sidebar .section .titleBar
        {
            margin-bottom: 5px;
        }


        #projectPage .sidebar .section .authorItem
        {
            padding: 0 0 5px 10px;
        }

            #projectPage .sidebar .section .authorItem a
            {
                display:block;
                float:left;
                max-width:170px;
            }

            #projectPage .sidebar .section .authorItem > div
            {
                float:right;
            }

    #projectPage .sidebar #advertisement
    {
        margin-top: 20px;
    }

    #projectPage .sidebar #advertisement .label
    {
        text-align: center;    
    }
    
    #projectPage .sidebar #moreFromAuthor 
    {
        width:225px;
        margin: 20px 0 10px 0;
        float:left;
    }

    #projectPage .sidebar  #moreFromAuthor .bottomBar {
        padding: 5px 0px 5px 25px;
        text-align: right;
    }

#projectPage #Collections {
    min-height:22px;
    min-width:169px;
}

#projectPage #Collections .bevelButton {
    background-color: #F8F8F8;
    color: #0095C4;
    border: 1px solid #707070;
}

#projectPage .bevelButton
{
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: white;
    padding: 2px 10px 3px;
    text-align: center;
}

#projectPage #DiscussionsTabPane .bevelButton
{
    font-weight: normal;
    color: black;
    padding: 1px 10px 1px;
}

#projectPage #Downloads {
    padding: 0 0 8px 0;
    float: left;
}
    #projectPage #Downloads > div:first-child {
        float: left;
        margin: 15px 20px 0 0;
        height:30px;
        line-height:1.6;
    }
    #projectPage #Downloads label 
    {
        font-size:1.25em;
    }
    #projectPage #Downloads input
    {
        min-width: 100px;
        padding: 3px 10px 3px 10px;
        margin: 3px 10px 0 10px;
        font-weight: bold;
        float: left;
    }
    
    #projectPage #Downloads .button
    {
        background-color:#007494;
        color:#fff;
        padding:5px 15px;
        margin: 15px 0 0 15px;
        float:left;
    }
    
    #projectPage #Downloads .button:first-child 
    {
        margin-left: 0;
    } 

    
    #projectPage #Downloads .button:hover 
    {
        background-color:#0095c4;
        text-decoration:none;
        color:#fff !important;
    }

#projectPage #projectBody .attachments {
    margin: 0 0 15px 0;
}

    #projectPage #projectBody .attachments label {
        float: left;
    }

        #projectPage #projectBody .attachments .files a, #projectPage #projectBody .attachments .files span {
            float: left;
            padding: 0 5px 0 5px;
        }

#supportedPlatformsChart table
{
    font-weight: bold;
    border-collapse: collapse;
    font-size: 0.85em;
}

 #supportedPlatformText {
    font-size: .85em;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
}

#supportedPlatformsChart table td
{
    padding: 0.6em;
    border: solid 1px #CCCCCC;
}

#supportedPlatformsChart tr.evenRow
{
    background-color: #E9E9E6;
}

#supportedPlatformsChart tr.oddRow
{
    background-color: #FFF;
}

#publishBar
{
    border: 1px solid #707070;
    background-color: #F8F8F8;
    margin-top: 10px;
    color: #707070;
}

#publishBar a, #publishBar a:visited
{
    color: #00749E;
    font-weight: normal;
}
#publishBar a:hover
{
    color: #0095c4;
    font-weight: normal;
}
.sourceList {
    height: 600px;
    padding: 5px;
    border-top: 1px solid #CCC;
    margin-top: -1px;
}

.sourceList .sourceListTabHeader
{
    margin:20px 10px;
}
.sourceList .sourceListTabs
{
    margin-bottom:20px;
    border-bottom: 1px solid #CCC;
    float:left;
    width:100%;
}


.sourceItem {
    margin-left: 270px;
    height: 610px;
}
    #sourceItem > div:first-child {
        padding: 20px 5px 0 15px;
        font-weight: bold;
    }

    .sourceItem > div+div {
        height: 560px;
        padding: 10px;
        overflow: auto;
    }
    .sourceItem .copyCode {
        font-weight: normal;
        margin: 0 15px 0 0;
        float: right;
    }

.sbfc,
.sbfe
{
    white-space: nowrap;
    text-indent: 20px;
    cursor: pointer;
    padding: .2em 0em .2em 0em;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    text-decoration: none !important;
}

.sbfc 
{
    background-image: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/node_closed.gif);
}

.sbfe
{
    white-space: nowrap;
    background-image: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/node_opened.gif);
}

.ndbf
{
    white-space: nowrap;
    text-indent:20px;
}

.sbf
{
    white-space: nowrap;
    background: url(/National_Library/20170107113137oe_/https://gallery.technet.microsoft.com/office/Content/samples/bullet.gif) no-repeat 4px -1px;
    cursor: pointer;
    text-indent: 20px;
    white-space: nowrap;
    padding: .1em 0em .1em 0em;
}

.sbsf,
.sbf:hover
{
    color: #000;
    text-decoration: none !important;
    
}

.sbsf
{
    color: #000 !important;
    background-color: rgb(232, 232, 232);
}

.sbf:hover
{
    color: #ce8b10;
}

/*-------- Translate --------*/
.translatePage {
    width: 95%;
}
.translatePage .fileManager {
    margin-bottom:20px;
}
.translatePage .fileManager h4 {
    margin-top:10px;
}
.translatePage #formContainer {
    width: 100%;
}
.translatePage .formLabel {
    width: 300px;
    padding: 5px;
}
 .translatePage .textInput {
    width: 425px;
}
.translatePage TEXTAREA.richText {
    height: 600px;
}
.translatePage TEXTAREA.unadornedEditor {
    height: 600px;
}
.translatePage .formWideLabel, .translatePage .richText {
    width: 750px;
    padding: 5px;
}
.translatePage .formWideLabel, .translatePage .unadornedEditor {
    width: 750px;
    padding: 5px;
}
.translatePage #languageSelection {
    margin: 15px;
    display: inline-block;
}

.translateTab, .translateTabSelected {
    font-weight: bold;
    float: left;
    text-align: center;
    margin: 10px;
    padding: 7px;
    background: #E8E8E8;
    white-space: nowrap;
    cursor: pointer;
}

.translateTabSelected
{
    color: White;
    background: Gray;
}

.translateTabSelected .translateLabel, .translateTab .translateLabel
{
    white-space: nowrap;  
    float: left;  
    padding: 0 5px 0 5px;
}

.translateTab #deleteLanguage, .translateTab #moreLanguages
{
    padding-left: 10px;
}

.translateLabel #deleteLanguage {
    color: #FFFFFF;
}
/*-------- End Translate --------*/
/*-------- Begin Eula --------*/


#eulaPagefade
{
    position: absolute;
    background-color: #FFFFFF;
}

#eulaPage
{
    background-color: #f4f4f4;
    border: 1px solid #000000;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    display: block;
    max-width: 70%;
}

#eulaPage .eulaPageclose
{
    text-align: right;
}

#eulaPage .eulaPagemessage
{
    overflow: auto;
    max-height: 350px;
}

    #eulaPage .eulaPagemessage h1
    {
        margin: 0 0 5px 0;
    }

#eulaPage .eulaPagebuttons
{
    text-align: right;
    margin-top: 10px;
}
#eulaPage .eulaPagebuttons > button
{
    color: Blue;
    border: none;
    background: none;
    font-weight: bold;
    cursor: pointer;
}


        #eulaPage #eula #documentText
        {
            line-height: normal;
        }

/*-------- End DocumentView --------*/
/*-------- Begin FAQ --------*/

#FAQPage #TableOfContents h2
{
    padding: 5px;
    border-bottom: 2px solid #EFEFEF;
    margin: 0 0 10px 0;
    max-width: 70%;
}

#FAQPage .FAQSection
{
    padding: 10px 0px;
    width: 70%;
}

    #FAQPage .FAQSection h2
    {
        padding: 5px;
        border-bottom: 2px solid #EFEFEF;
    }

    #FAQPage .FAQSection h3
    {
        padding: 5px;
    }

    #FAQPage .FAQSection ul, #FAQPage .FAQSection ol
    {
        margin: 0;
    }

    #FAQPage .FAQSection #description > div
    {
        overflow: auto;
        padding-left: 10px;
    }

        #FAQPage .FAQSection #description img
        {
            float: left;
        }

        #FAQPage .FAQSection #description div > div
        {
            padding-top: 10px;
            float: left;
        }

    #FAQPage .FAQSection > div > div
    {
        padding: 0 15px;
    }

    #FAQPage #Reputation th, #FAQPage #Reputation td
    {
        padding-left: 20px;
    }
    
/*-------- End FAQ --------*/
/*-------- Begin DocumentView --------*/

#documentView #documentText
{
    line-height: normal;
}

/*-------- End DocumentView --------*/

.Opera wbr:after
{
    content: "\00200B"; 
}

.IE9 wbr:after
{
    content: "\00200B"; 
}

.IE8 wbr {
  width: 0px;
  display: inline-block;
  overflow: hidden;
}


/*-------- Begin FileManager --------*/

.uploadControlNoError 
        {
            height:30px
        }
.uploadControlWithError 
        {
            height:80px;
        }
/*-------- End FileManager --------*/

/*-------- Begin User Card --------*/
#userCard .titleBar {
    margin: 10px 0 5px 0;
}
    #userCard .titleBar h3
    {
        font-size: 1.0em;
        font-weight: normal;
        line-height: 125%;
        padding: 0 0 2px 0;
    }

#userCard .userFeed {
    float: right;
}
   
#userCard .bio {
    max-width:300px;
    white-space: normal;
}
        
#userCard .avatar
{
    padding: 5px 5px 10px 5px;
    margin: 0 0 3px 0;
    text-align: center;
}

#userCard .itemBar {
    padding: 5px;
}

    #userCard .itemBar label
    {
        float: left;
    }

    #userCard .itemBar label+span {
        display: block;
        margin-left: 100px;
    }

#userCard .collapsableSidebar {
    clear:both;
    width:100%;
}

/* Profile Overrides */
#userCard
{
    padding: 0 0 10px 0
}

#userCard .profile-usercard
{
    width:225px;
}

    #dashboardPage #userCard .profile-usercard
    {
        width:215px;
    }

#userCard .profile-usercard, #userCard .profile-inline, #userCard .profile-inline-header
{
    border:0px;
    background-color:#fff;
}

#userCard .profile-userimage-large
{
    margin-bottom:10px;
    border:none;
    width:auto;
    height:auto
}

#userCard .profile-inline .profile-inline-header-details 
{
    width:100%;
    display:block;
    clear:both;
    margin-left:0px;
}

#userCard .unified-baseball-card
{
    border: solid 1px #959595; 
}
    
/*-------- End User Card --------*/


/*-------- Start List Filter Box --------*/

div#filterInputBox
{
    overflow:auto;
    min-width:225px;
}

.filterBox
{
    width: 100%;
    background: #FFFFFF;
    padding: 0px 2px;
    height: 25px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #888888;
    table-layout: auto;
    margin-bottom:5px;
}

    .filterBox #filterImageCell
    {
        text-align: right;
        padding: 0px;
        vertical-align: middle;
    }

    .IE7 .filterBox #filterImageCell
    {
        padding:2px 2px 0 0;
    }

        .filterBox #filterImg
        {
            background: transparent url('searchButton.png') no-repeat 0 0;
            width: 22px;
            height: 22px;
        }

table.filterBox
{
    table-layout: fixed;
}

    .filterBox .stxtcell
    {
        padding-right: 4px;
        width:90%;
    }

        .filterBox .stxtcell > input
        {
            margin-right: 4px;
            height: 26px;
            line-height:26px;
            width: 100%;
            padding: 0px;
            padding-left: 4px;
            padding-top: 2px;
            border: none;
        }

        .IE7 .filterBox .stxtcell > input
        {
            height: 20px;
        }

            .filterBox .stxtcell > input.stxtinptpassive
            {
                color: #ACACAC;
            }

/*-------- End List Filter Box --------*/


/*-------- Begin Requests Page --------*/

#requestsPage {
    color:#666;
}

    #requestsPage h1 {
        clear:none;
    }
    #requestsPage h2, #requestsPage h3
    {
        font-size: 1.25em;
    }

    #requestsPage h2
    {
        display:inline;
        clear:none;
    }

    #requestsPage h3 
    {
        padding: 2px 0 3px 3px;
    }

    #requestsPage #mainContentContainer
    {
        margin: 0 0 0 243px;
    }

    #requestsPage #mainContentWrapper {
        float:left;
        width:100%;
    }
    #requestsPage #mainContent {
        position:relative;
    }

    #requestsPage #mainContent .subtitle{
        margin-bottom:5px;
    }

    #requestsPage #requestsFilterBar {
        margin-top: 10px;
        overflow: auto;
    }

   #requestsPage #requestsFilterBar .requestsCrumb {
             float: left;
            margin:10px 0 10px 10px;
        }
        #requestsPage #requestsFilterBar .requestsSort {
            float: right;   
            margin:10px 0 10px 0;
        }
    
    #requestsPage #Pager {
        text-align: center; 
        padding-top: .75em; 
        padding-bottom: .75em;
    }

    #requestsPage #requestsRss {
        float: right;
        margin: 2px 0 0 3px;
        cursor: pointer;
    }  
    
    .IE7 #requestsPage #requestsList {
        padding-top: 10px;
        margin-top:5px;
    }

    #requestsPage #requestsList .noResults {
        padding: 10px 0;
    }   

/*-------- End Requests Page --------*/

/*--------  Begin Request List Item --------*/
.requestlistitem > td
{
    padding: .9em 0 .9em .5em;
}
    .requestlistitem .votebox
    {
        
        text-align:center;
    }
    
    .requestlistitem .voteboxcontainer
    {
        vertical-align:top;
        width: 75px;
    }

    .requestlistitem #votelabel
    {
        border-width:1px;
        border-bottom-style:solid;
    }

    #myRequestsTab #votenumber,
    #requestsPage #votenumber
    {
        background-color: #777;
        padding: 6px 10px;
        color: #fff;
        margin-bottom: 5px;
        font-size: 1.6em;
        border: 1px solid transparent;
    }
    
    #myRequestsTab .votelink,
    #requestsPage .votelink
    {
        font-weight:bold;
        background-color: #eee;
        padding: 5px 0;
        width: 75px;
        float: left;
        border: 1px solid transparent;
    }

    #myRequestsTab .needvote,
    #requestsPage .needvote
    {
        font-weight:bold;
    }

    #myRequestsTab .alreadyvoted, #myRequestsTab .resolved,
    #requestsPage .alreadyvoted, #requestsPage .resolved
    {
        font-weight:bold;
        color: #666;
    }

    .requestlistitem .linkform 
    {
        width:100%;
        float:right;
        margin-top:15px;
    }

    .requestlistitem .requesttitle 
    {
        font-weight:600;
        margin-bottom:3px;
    }

    .requestlistitem .requester 
    {
        margin-bottom:3px;
    }

    .requestlistitem .hidden 
    {
        display:none;
    }
    
    .requestlistitem .requestSummary div
    {
        margin-bottom:0.25em;
    }

    .requestlistitem .requestSummary .unified-baseball-card-compact-hover div
    {
        margin-bottom: 0;
    }
    
    .requestlistitem .requestSummary 
    {
        line-height: 1.45em;
        width: 80%;
    }
    
    .requestlistitem .requestInfo
    {
        padding:1.2em 0 0 2.5em;
        vertical-align:top;
        width:15%;
        line-height: 1.45em;
    }
    
    .requestlinks > td
    {
        padding-bottom: 16px;
    }
    
    .requestlinks div 
    {
        float:right;
    }

    .requestlistitem .textbox 
    {
        width:95%;
    }
    


/*--------  End Request List Item --------*/


/*--------  Begin New Request Form --------*/
#newrequest {
    margin-top:5px;
    background:#F8F8F8;
    border-width:1px;
    border-style:solid;
    border-color:#E8E8E8;
    padding:5px;
}

#newrequest > div:first-child {
    font-weight:bold;
}

#newrequest .itemheading {
    margin-top:5px;
}

#newrequest textarea {
    width:95%;
}

#newrequest .field-validation-error {
    display:block;
    color:Red;
    font-weight:bold;
}
#newrequest #submit {
    margin-top:5px;
}

/*--------  End New Request Form --------*/

/*-------- Request Description Page ------*/

.reqDescPage #mainContent {
    overflow: auto;
}
.reqDescPage #header {
    float: left;
    width: 100%;
}

.reqDescPage {
    color: #000 !important;
}

.reqDescPage #sideNav {
    background-color: #fff;
}

.reqDescPage #header #votenumber {
    width: 50px;
    padding: 6px 12px;
    text-align: center;
    float: left;
}

.reqDescPage #header td {
    vertical-align: bottom;
}

.reqDescPage #header .requestTitle {
    margin: 0 0 5px 10px;
    width: 85%;
}

.reqDescPage #header .requestTitle h1 {
    margin-bottom: 0px;
    font-size: 2em;
}

.reqDescPage .votelink 
{
    text-align: center;
    float: left;
}

#requestsPage #headerLinks .assignlink
{
    font-weight:bold;
    background-color: #eee;
    padding: 5px 10px;
    float: left;
    margin-left: 10px;
}

.reqDescPage #projectInfo {
    clear: both;
}

.reqDescPage #solutions {
    clear: both;
    padding-top: 30px;
}

.reqDescPage .solutionItems {
    clear: both;
}

.reqDescPage .solutionHeader {
    border-bottom: 1px solid #ccc;
}

.reqDescPage .solutionAddContainer {
    padding-top: 15px;
    float: left;
}

.reqDescPage #SubmittedProjectLinkUrl {
    width: 400px;
}

.reqDescPage .solutionItem {
    margin-top: 25px;
    padding: 0 5px 5px 0;
    float: left;
}
.reqDescPage .solutionItemDetails {
    float: left;
    width: 535px;
}

.reqDescPage .solutionItemLinks {
    margin-top: 10px;
    clear: both;
    float: left;
    width: 100%;
}

.reqDescPage .solutionItemLinks a {
    float: left;
    margin-right: 10px;
    font-weight:bold;
    background-color: #eee;
    padding: 5px 10px;
}

.reqDescPage .solutionItem .itemTitle {
    font-size: 1.2em;
    padding-bottom: 5px;
}

.reqDescPage .tagsContainer label {
    display: none;
}

.reqDescPage .solutionItem  .summaryBox {
    padding: .25em 0 .25em 0;
    clear: both;
    line-height: 1.45;
}

.reqDescPage .solutionsection {
    float: left;
    margin-left: 20px;
}
.reqDescPage .completedSolution {
    font-size: 1.25em;
    padding-top: 4px;
}

.reqDescPage .requestDescriptionCont, .reqDescPage .requestDicussions {
    padding-top: 30px;
    clear: both;
    overflow: auto;
}

.reqDescPage .requestDescription {
    padding-top: 10px;
    line-height: 1.45;
}

.reqDescPage .requestDicussionsAsk {
    padding: 10px 0;
}

.reqDescPage .watermark {
        color:Gray;
    }


#BodyBackground {
    border-top: 0px solid #424242 !important;
}

#megabladeContainer {
    position: relative !important;
}