F# and MVVM Light Toolkit Sample Application

MVVM Light Toolkitを使ってViewModelとModelをF#で記述した足し算を行うだけのシンプルなアプリケーションの実装例です。サンプルアプリケーションは以下のような形のものになります。以下に、サンプルに含まれるプロジェクトの概要を示します。 Okazuki.Fsharp.Mvvmプロジェクト(C#)F#でのViewModelの定義を楽にするためのヘルパークラスを定義したViewModelの基本クラスを定義しています。 Okazuki.Fsharp.Mvvm.Sample(C#)MVVM Light Toolkitをベースにしたプ

 
 
 
 
 
(0)
249 times
Add to favorites
6/21/2011
E-mail Twitter del.icio.us Digg Facebook

Solution explorer

C#, F#
#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 .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 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;
    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:925px;
}

    #UploadPage .watermark {
        color:Gray;
    }

    #UploadPage .projectTypeChoice   {
    }

        #UploadPage .projectTypeChoice > div {
            padding: 20px 10px 20px 10px;
            border: 1px solid darkgrey;
            cursor: pointer;
            height: 200px;
            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 #libraryContainer {
       margin: 5px 0 0 0;
       display: none;
   }
    #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-family: '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:310px;
                        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;
}

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

#statsPage #statDownloadBox img {
    float: left;
}

#statsPage .statDownloadLink {
    padding-left: 5px;
    vertical-align: middle;
}

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

    #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 0 0 0;
        height:35px;
        line-height:1.6;
        width: 130px;
    }
    #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 15px 0 0;
        float:left;
    }
    
    #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;
}

.linehighlight {
    background-color: #fff000;
}

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