www.pudn.com > Proximity-sample.zip > Brand.css, change:2012-06-01,size:67535b


#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: 3em; 
    font-family: 'Segoe UI Light','Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
    color: #707070; 
    font-weight: normal; 
    padding-top:4px; 
    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; 
} 
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: #FFFFFF; 
    padding: 0px 2px; 
    height: 25px; 
    border: 1px solid #ccc; 
    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; 
} 
 
.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 .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 .title{ 
        font-size:large; 
        margin-bottom:5px; 
    } 
 
    #requestsPage #mainContent .subtitle{ 
        margin-bottom:5px; 
    } 
 
    #requestsPage #requestsFilterBar { 
        margin-top: 10px; 
        overflow: auto; 
    } 
 
        #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 
    { 
        width:70px; 
        text-align:center; 
        border-width:1px; 
        border-style:solid; 
        margin-top:5px; 
    } 
     
    .requestlistitem .voteboxcontainer 
    { 
        vertical-align:top; 
        width: 75px; 
    } 
 
    .requestlistitem #votelabel 
    { 
        border-width:1px; 
        border-bottom-style:solid; 
    } 
 
    .requestlistitem #votenumber  
    { 
        font-weight:bold; 
    } 
 
    .requestlistitem .needvote  
    { 
        font-weight:bold; 
    } 
 
    .requestlistitem .alreadyvoted  
    { 
        font-weight:bold; 
        color:Black; 
    } 
 
    .requestlistitem .resolved 
    { 
        font-weight:bold; 
        color:#008000; 
    } 
 
    .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 .requestInfo 
    { 
        padding:1.2em 0 0 .5em; 
        vertical-align:top; 
        width:7em; 
    } 
     
    .requestlistitem .requestInfo > div 
    { 
        float:right; 
    } 
    .requestlinks > td 
    { 
        border-bottom: 2px solid #E8E8E8; 
        padding-bottom:.9em; 
    } 
     
    .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 --------*/ 
 
 
/*--------  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; 
     
} 
 
#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 10px; 
    } 
        #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; 
} 
#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 
} 
 
 
/*-------- End Dashboard Page --------*/ 
 
/*-------- Start Upload Page --------*/ 
 
#UploadPage 
{ 
    margin-left:10px; 
    max-width:925px; 
} 
 
    #UploadPage .watermark { 
        color:Gray; 
    } 
 
    #UploadPage .projectTypeChoice   { 
    } 
 
        #UploadPage .projectTypeChoice > div { 
            padding: 20px 10px 20px 10px; 
            border: 1px solid darkgrey; 
            cursor: pointer; 
            height: 175px; 
            float: left; 
        } 
 
        #UploadPage .projectTypeChoice > div + div 
        { 
            margin: 0 0 0 5px; 
        } 
 
        #UploadPage .projectTypeChoice div.current 
        { 
            background-color: #E9E9E9; 
            cursor: default; 
        } 
 
            #UploadPage .projectTypeChoice div.choice { 
                font-size: large; 
                font-weight: bold; 
                padding: 0 0 10px 0; 
            } 
 
            #UploadPage .projectTypeChoice div.description { 
                padding: 0 0 0 17px; 
            } 
 
            #UploadPage .projectTypeChoice #genericSampleUploadDescription { 
                padding-top: 5px; 
            } 
 
                #UploadPage .projectTypeChoice #genericSampleUploadDescription .logos { 
                    overflow: auto;     
                } 
 
                #UploadPage .projectTypeChoice #genericSampleUploadDescription .vslogo { 
                    background: url(../samples/vslogo.png) no-repeat; 
                    width: 125px; 
                    height: 18px; 
                } 
 
                #UploadPage .projectTypeChoice #genericSampleUploadDescription .javalogo { 
                    background: url(../samples/javalogo.png) no-repeat; 
                    width: 33px; 
                    height: 60px; 
                    float: left; 
                }                 
                 
                #UploadPage .projectTypeChoice #genericSampleUploadDescription .phplogo { 
                    background: url(../samples/phplogo.png) no-repeat; 
                    width: 65px; 
                    height: 35px; 
                    float: left; 
                    margin: 15px 0 0 10px; 
                }                 
                 
                #UploadPage .projectTypeChoice #genericSampleUploadDescription .nodejslogo { 
                    background: url(../samples/nodejslogo.png) no-repeat; 
                    width: 90px; 
                    height: 25px; 
                    float: left; 
                    margin: 18px 0 0 10px; 
                } 
 
                #UploadPage .projectTypeChoice #genericSampleUploadDescription > div+div { 
                    margin-top: 10px; 
                } 
 
    #UploadPage .projectTypeContents { 
        clear: left; 
        padding: 10px 0 0 0; 
    } 
 
        #UploadPage .projectTypeContents .instruction > div+div { 
            padding-top: 5px; 
        } 
 
    #UploadPage fieldset 
    { 
        margin: 10px 0 30px 5px; 
    } 
 
        #UploadPage fieldset > * 
        { 
            margin-left:10px; 
        } 
 
        #UploadPage .fieldsetStyleContainer { 
            margin: 10px 0 0 5px; 
        } 
 
        #UploadPage fieldset h2, 
        #UploadPage .fieldsetStyleContainer h2 
        {    
            font: 'Segoe UI Semibold','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; 
            font-size: 17px; 
            font-weight: bold; 
            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 .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#richDescription textarea  
        { 
            width:70%; 
            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, #UploadPage input[type="text"].listInput 
        { 
            width:40%; 
            float:left; 
        } 
 
        #UploadPage .addedTags, #UploadPage .addedProjects 
        { 
            margin-bottom:15px; 
            width: 500px; 
 
        } 
            #UploadPage .addedTags .tag, #UploadPage .addedProjects .projectTitle 
            { 
                position:relative; 
                overflow:hidden; 
            } 
 
                #UploadPage .addedTags .tag  label, #UploadPage .addedProjects .projectTitle  label  
                { 
                    float:left; 
                    width: 450px; 
                } 
             
                #UploadPage .addedTags .tag  a, #UploadPage .addedProjects .projectTitle  a  
                { 
                    position:absolute; 
                    text-align:right; 
                    right:0px; 
                } 
          
        .fileManager .fileUploadProgressIndicator 
        { 
            width: 500px; 
        } 
 
        .fileManager .uploadProcessingWarning { 
            margin-top: 5px; 
        } 
 
        .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: 0 0 20px 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: 0 0 5px 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; 
                    } 
                     
                    .file .requirements { 
                        clear: left; 
                        padding: 0 0 0 10px; 
                    } 
 
                    .file .requirements label { 
                        font-weight: bold; 
                    } 
                     
                    .file .requirements > div { 
                        padding-left: 20px; 
                    } 
                     
                    .file .requirements .requirementsContent { 
                        padding-top: 5px; 
                        padding-bottom: 10px; 
                    } 
                     
                    .file .requirements .requirementsContent label { 
                        font-style: italic; 
                        font-weight: normal; 
                    } 
                     
                    .file .requirements .requirementsContent > div  
                    { 
                       margin-bottom:4px; 
                       position:relative; 
                    } 
                     
                    .requirementsContent .requirementsRemove { 
                        float:right; 
                        position:absolute; 
                        right:0px; 
                    } 
                     
                    .requirements .requirementsAddError { 
                        color:#ff0000; 
                    } 
                     
                    .requirements .reqBrowseButton { 
                        margin-left : 10px; 
                    } 
                     
                    #UploadPage fieldset .requirements input[type="text"] { 
                        margin-right: 10px; 
                        width: 70%; 
                    } 
                     
                    .reqBrowsefade 
                    { 
                        position: absolute; 
                        background-color: #aaaaaa; 
                    } 
                    .reqBrowse 
                    { 
                        background-color: #f4f4f4; 
                        border:1px solid #000000; 
                        -border-radius: 5px; 
                        -moz-border-radius: 5px; 
                        -webkit-border-radius: 5px; 
                        padding:15px; 
                        position: absolute; 
                        display: block; 
                    } 
 
                   .reqBrowsebuttons 
                    { 
                       text-align:right; 
                       position:absolute; 
                       right:10px; 
                       bottom:5px; 
                    } 
                    .reqBrowsebuttons > button 
                    { 
                        color: Blue; 
                        border: none; 
                        background: none; 
                        font-weight: bold; 
                        cursor:pointer; 
                    } 
 
                    .reqBrowseclose 
                    { 
                        display:none; 
                    } 
 
                    .reqBrowseDialog 
                    { 
                        width: 700px; 
                        clear:both; 
                        overflow:hidden; 
                        padding-bottom: 20px; 
                    } 
                     
                    .reqBrowseDialog > h2  
                    { 
                        border-bottom: 1px solid #000000; 
                        padding-bottom: 5px; 
                    } 
                    .reqBrowseDialog > p  
                    { 
                        margin: 15px 0 15px 0; 
                    } 
                     
                    .reqBrowseSearchCont 
                    { 
                        width: 100%; 
                        background: white; 
                        padding: 0px 2px; 
                        -moz-border-radius: 2px; 
                        border-radius: 2px; 
                        border: 1px solid #888; 
                        margin-bottom: 5px; 
                        height: 29px; 
                    } 
                    .reqBrowseSearchCont .rbboxcont 
                    { 
                        width:90%; 
                        float:left; 
                        margin-top: 2px; 
                    } 
                     
                    .reqBrowseSearchCont input 
                    { 
                        border:none; 
                        outline:none; 
                        border-color: transparent; 
                    } 
                    .reqBrowseSearchBox 
                    { 
                        margin-right: 4px; 
                        height: 20px; 
                        line-height: 20px; 
                        width: 100%; 
                        padding-left: 4px; 
                        padding-top: 2px; 
                    } 
                     
                    .reqBrowseSearchBoxDefault 
                    { 
                        color: #AAA; 
                    } 
                    .reqBrowseSearchCont .rbbtncont 
                    { 
                        float: right; 
                        margin-top: 4px; 
                    } 
                    .reqBrowseSearchBtn 
                    { 
                        background: transparent url('searchButton.png') no-repeat 0 0; 
                        width: 22px; 
                        height: 22px; 
                        float:left; 
                        cursor:pointer; 
                    } 
                     
                    .reqBrowseTabs 
                    { 
                        border-bottom: 5px solid #E8E8E8; 
                        margin:3px 0; 
                        overflow:auto; 
                    } 
                     
                    .reqBrowseTabs .reqBrowseTabsR 
                    { 
                        color:#fff !important; 
                    } 
                     
                    .reqBrowseTabs .reqBrowseTabsHighlight 
                    { 
                        color:#000 !important; 
                        background-color:#E8E8E8; 
                    } 
                     
                    .reqBrowseTabs a 
                    { 
                        padding:5px 12px; 
                        color:#fff; 
                        background-color:#888; 
                        font-weight:bold; 
                        float:left; 
                        margin: 0 4px 0px 0; 
                    } 
                     
                    .reqBrowsePager td 
                    { 
                        text-align:center; 
                    } 
                    .reqBrowseDialog #Pager 
                    { 
                        margin: 5px 0 15px 0; 
                    } 
                     
                    .reqBrowseContent 
                    { 
                        height:325px; 
                        overflow:auto; 
                        clear:both; 
                        position:relative; 
                    } 
                     
                    .reqBrowsePager 
                    { 
                        width:700px; 
                        margin:0 auto; 
                    } 
                     
                    .reqBrowseContentError 
                    { 
                        color:#ff0000; 
                        margin:5px; 
                    } 
                    .reqBrowseContent .requirementItem 
                    { 
                        border-bottom: 2px solid #E8E8E8; 
                        padding: 4px 0 6px 0; 
                        overflow:auto; 
                    } 
                    .reqBrowseContent .section1 
                    { 
                       float:left; 
                       width:75%; 
                       padding-left:25px; 
                       position:relative; 
                    } 
                     
                    .reqBrowseContent .section1 input 
                    { 
                        position:absolute; 
                        left:0px; 
                    } 
                     
                    .reqBrowseContent .title 
                    { 
                        font-weight:bold; 
                    } 
                    .reqBrowseContent .section2 
                    { 
                        float:right; 
                    } 
 
 
    .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: #798072; 
    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%; 
} 
#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; 
} 
 
 
 
 
/*-------- Start Tab Control --------*/ 
 
.tabHeaders 
{ 
    font-weight:normal; 
    text-transform: uppercase; 
    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; 
} 
/*-------- End Tab Control --------*/ 
 
.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.4; 
} 
.itemRow .itemBody a.officialMicrosoftLabel 
{ 
    color: #ACACAC; 
} 
.itemRow .itemInfo 
{ 
    vertical-align: top; 
    padding-left: .5em; 
    line-height: 1.4; 
    width: 10em; 
    text-align:right; 
} 
 
.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 a.officialMicrosoftLabel 
{ 
    color: #ACACAC; 
} 
 
.itemRow .tagsContainer label { 
    display:none; 
} 
 
.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 h2 span 
{ 
    padding-top:5px; 
    display:block; 
} 
 
#searchPage .dirSubHeading h1, #searchPage .dirSubHeading h2 
{ 
    clear:none; 
    padding-left:0px;     
} 
 
.dirSubHeading .dirSubLinks 
{ 
    font-size:1.2em; 
    padding-top:5px; 
} 
 
 
.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(../samples/fullStar.png) no-repeat;     
} 
 
.ownerRating .FilledRatingStar 
{ 
    background: url(../samples/fullStar.png) no-repeat; 
} 
 
.FilledRatingStarHover 
{ 
    background: url(../samples/fullStarHover.png) no-repeat; 
     
} 
 
.HalfRatingStar 
{ 
    background: url(../samples/halfStar.png) no-repeat; 
    
} 
 
.EmptyRatingStar 
{ 
    background: url(../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 .avatar 
{ 
    float: left; 
    padding: 5px; 
    vertical-align: middle; 
} 
 
#discussionListItem .discussion 
{ 
    margin-left: 55px; 
    padding: 0 5px 5px 5px; 
    vertical-align: top; 
} 
 
.IE7 #discussionListItem .avatar 
{ 
    margin-top: 15px; 
} 
 
 
/*-------- 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 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 --------*/ 
 
/*-------- 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; 
        text-transform: capitalize; 
    } 
 
    #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; 
     } 
 
#projectInfo #sectionLeft 
{ 
    width: 50%; 
} 
#projectInfo #sectionRight 
{ 
    width: 50%; 
} 
.IE7 #projectInfo #sectionRight 
{ 
    width: auto; 
} 
 
#projectPage .projectTitle 
{ 
    float: left; 
} 
 
#projectPage h2.projectSummary 
{     
    font-weight:normal; 
    font-size: 1.1em; 
    margin-bottom: 11px; 
    line-height:1.4; 
} 
 
.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; 
} 
 
#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; 
} 
 
    #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: #8CC63F; 
} 
 
#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; 
    } 
 
#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; 
        } 
 
#publishBar 
{ 
    border: 1px solid #707070; 
    background-color: #F8F8F8; 
    margin-top: 10px; 
} 
 
#sourceItem { 
    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; 
    } 
 
.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%; 
        } 
        .sourceList .sourceListTabs .languageTab { 
            padding:5px 10px 5px 10px; 
            font-weight: bold; 
            float: left; 
            margin: 0 3px 0px 0; 
            color:#00749E; 
        } 
        .sourceList .sourceListTabs .languageTab:hover  
        { 
            color: #0095C4; 
        } 
 
        .sourceList .sourceListTabs .selectedLanguage { 
            background-color: #fff; 
            color: #000; 
            border: 1px solid #ccc; 
            border-bottom:none; 
            margin-bottom:-2px; 
        } 
 
        .sourceList .sourceListTabs .unselectedLanguage { 
            cursor: pointer; 
        } 
 
        .sourceList .endTabs { 
            clear: both; 
        } 
 
    .sourceList .sourceListContent { 
        padding-top: 5px; 
    } 
 
 
.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(../samples/node_closed.gif); 
} 
 
.sbfe 
{ 
    white-space: nowrap; 
	background-image: url(../samples/node_opened.gif); 
} 
 
.ndbf 
{ 
    white-space: nowrap; 
	text-indent:20px; 
} 
 
.sbf 
{ 
    white-space: nowrap; 
	background: url(../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: 900px; 
} 
.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; 
    width: 620px; 
} 
.translatePage TEXTAREA.unadornedEditor { 
    height: 600px; 
} 
.translatePage .formWideLabel, .translatePage .richText { 
    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 { 
    border-bottom: solid 5px #E8E8E8; 
    margin: 10px 0 5px 0; 
} 
    #userCard .titleBar h3 
    { 
        font-size: 1.0em; 
        font-weight: bold; 
        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; 
        text-transform: capitalize; 
    } 
 
    #userCard .itemBar label+span { 
        display: block; 
        margin-left: 100px; 
    } 
 
#userCard .collapsableSidebar { 
    clear:both; 
    width:100%; 
    margin-top: 5px; 
} 
 
/* Profile Overrides */ 
#userCard 
{ 
    padding: 0 0 10px 0 
} 
 
#userCard .profile-usercard 
{ 
    width:225px; 
} 
 
#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; 
} 
 
 
     
/*-------- End User Card --------*/ 
/*-------- Begin Description Progress Meter --------*/ 
 
#descriptionProgressMeter { 
    float: right;  
    border-top: 1px solid #DADADA;  
    border-left: 1px solid #DADADA;  
    width: 210px; 
    padding-left: 7px; 
} 
 
    #descriptionProgressMeter h4 { 
        font-weight: bold; 
    } 
 
    #descriptionProgressMeter #progressGraphic { 
        border: 1px solid #888888; 
        width: 205px;         
        margin: 10px 0; 
        background-color: #E9E9E9; 
        padding: 1px 0 0 1px; 
    } 
 
        #descriptionProgressMeter #progressGraphic div { 
            background-image: url("../common/progress_meter.png"); 
            padding-left: 5px; 
        } 
 
    #descriptionProgressMeter #progressText { 
        font-weight: bold; 
        margin: 5px 0; 
         
    } 
             
    #descriptionProgressMeter #goodDescriptionText  p+p {     
        padding: 5px 0; 
    } 
 
        #descriptionProgressMeter #goodDescriptionText > div { 
            margin-top: 5px; 
            width: 150px; 
            border-radius: 5px; 
            -moz-border-radius: 5px; 
            -webkit-border-radius: 5px; 
            overflow: auto; 
        } 
 
            #descriptionProgressMeter #goodDescriptionText div img { 
                float: left; 
            } 
 
            #descriptionProgressMeter #goodDescriptionText div div {     
                margin: 7px 0 5px 10px; 
            } 
 
/*-------- End Description Progress Indicator --------*/ 
 
/*-------- Start Sample Pack Tab View --------*/ 
.SamplePackTab #headerBar 
{     
    padding: 15px 5px 20px 5px; 
    font-weight: bold 
} 
    .SamplePackTab #headerBar .reportCount 
    { 
        padding-top: 2px; 
    } 
    .SamplePackTab #headerBar .samplePackSort 
    { 
        float: right; 
        color: #666; 
    } 
/*-------- End Sample Pack Tab View --------*/