Brand.css

#BodyBackground
{
    min-width:0px;
}

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

#JelloSizer
{
    margin: 0 auto;
    max-width: 0px;
    padding: 0;
    width: 100%;
}

/* Global Styles */
body 
{
    font-size:0.75em;
}

h1 
{
    font-size: 36px;
    font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
    color: #000;
    font-weight: normal;
    padding-top:4px;
    margin-bottom: 17px;
    line-height: 1.3;
  
}

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

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

/*---------- Masthead -----------*/

.NetworkLogo a {
    display: none;
}

/*-------- Start Advertisment --------*/

.advertisment {
    padding-top:5px;
}

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


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

.LocalNavigation
{
    display:block;
    overflow: auto;
    width: auto;
}
    .LocalNavigation .HeaderTabs {
        width: auto;
    }
        .LocalNavigation .TabOff a {
            color:#333;
        }

        .LocalNavigation .TabOff a:hover {
            background-color:#E0E7EC;
            margin-top: 1px;
            padding: 4px 6px;
        }

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

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

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

.subMenu
{
    margin: 0 0 10px 0;
    color: #FFFFFF;
    overflow: hidden;
}

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

.subMenu > h2
{
    float: left;
    margin: 7px 15px 0 0;
    vertical-align: middle;
    color: #666;
    padding-bottom: 5px;
}

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



.subMenu .uploadLink
{
    float: right;
    margin: 5px 5px 0 0;
    padding: 0 0 0 30px;
    height: 24px;
    background: url('../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:450px;
    margin:26px 0 14px 0;
}

.srchbox
{
    width: 100%;
    background-color: #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;
}

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


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


#searchPage #mainContentContainer
{
    margin: 0 0 0 243px;
}
#searchPage #directoryContent {
    border-left: 3px solid #eee;
    margin-left: -20px;
    padding-left: 20px;
}
#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;
        }        
        
        #searchPage .browseFilterBar .browseSort img, #dashboardPage .browseFilterBar .browseSort img
        {
            vertical-align:text-top;
        }

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

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

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

/*-------- End Search Page --------*/

/*-------- 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;
    }
    
    #myRequestsTab .votelink,
    #requestsPage .votelink 
    {
        font-weight:bold;
        background-color: #eee;
        padding: 5px 0;
        width: 75px;
        float: left;
    }

    #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 
    {
        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 td {
    vertical-align: bottom;
}

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

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

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

.reqDescPage #headerLinks {

}

.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;
    }


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

    #extraActions .section
    {
        padding: 0 0 10px 0;
        overflow:auto;
    }
 
        #extraActions .section a
        {
            font-weight:bold;
        }
/*--------  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 10px 0;
    padding:0 0 5px 0;
    
}

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

#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;
    }
    
    #contributeSection .contributeAction img:hover
    {
        background-color:#0095C4;
    }
    
    #contributeSection .contributeAction a
    {
        display:block;
        line-height: 1.8;
    }

#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("../common/MicrosoftLogo.png") no-repeat;
    width: 82px;
    height: 18px;
}


#contributeSection a+div
{
         
}

.IE7 #contributeSection a+div
{
    float:left;
}
/*--------  End Contribute --------*/


/*--------  Begin Directory List Footer --------*/

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

#directoryListFooter h4 
{
    font-size:1em;
}

/*--------  End Directory List Footer --------*/

/*--------  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;
            margin-left: 3px;
            margin-right: 3px;
        }        


        #sideNav .section form > div
        {
            padding: 4px 0 0 0;
            border-bottom: none;
            margin: 0 3px 0 3px;
            color: #3A3E43;
        }
            .IE8 #sideNav .section ul li > div.itemText
            {
                word-wrap: break-word;
                width: 225px;
            }
            #sideNav .section ul li > div.itemCount
            {
                color: #3A3E43;
            }
        #sideNav .section a
        {
            font-weight: normal;    
        }

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

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



/*-------- 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;