/* Settings */

#content div#settings {
}

    #content div#settings > div {
        border: solid 5px #7E9DCC;
        border-bottom-width: 10px;
        width: 23%;
        float: left;
        margin: .33%;
    }

    #content div#settings h3 {
        background-color: #000;
        color: #FFF;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    #content div#settings fieldset a {
    }

    #content div#settings div.column1 {
    }

    #content div#settings div.column2 {
    }

    #content div#settings div.column3 {
    }

.ui-tabs .ui-tabs-hide {
    display: none;
}

/*Expense Assistance Page*/
.expenseTypeGroup {
    border: 1px solid #AAA;
    margin: 1em;
    float: left;
    background-color: #EEE;
    position: relative;
}

    .expenseTypeGroup h3, .expenseTypeGroup h4 {
        margin: 0;
    }

.expenseHeader {
    background-color: #ACE;
    padding-bottom: .3em;
}

    .expenseHeader a {
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #EEE;
        border: 1px solid #AAA;
        padding: .1em;
    }

.expenseCard, .assistCard {
    border: 1px solid #CCC;
    padding: .2em;
    margin: 0 .3em;
    background-color: #FFF;
}

.assistCard {
    margin: .3em;
    background-color: #EEF4FF;
}

.expenseCard dl {
}

.expenseCard {
    text-align: right;
    width: 300px;
}

    .expenseCard dt {
        float: left;
        margin: 0;
    }

    .expenseCard dd {
        margin: 0;
        border-bottom: 1px dotted #AAA;
    }

        .expenseCard dd:hover {
            background-color: #EEF;
        }

        .expenseCard dd.total, dt.total {
            border-top: 5px double #AAA;
            border-bottom: 0;
        }

.assistCard dt {
    background-color: #CDF;
}

.assistCard ul {
    margin: 0;
    list-style: none;
}

.collapsable {
    position: relative;
}

.collapseLink {
    color: Red;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.listOfItems {
    list-style-type: none;
    padding: 0;
    padding-top: 1.2em;
}

    .listOfItems li {
        width: 125px;
        margin: .3em;
        border: 1px solid #008;
        background-color: #6EF;
        padding: .5em;
        float: left;
    }

        .listOfItems li a {
            display: block;
            text-align: right;
        }

/* Proposal Card*/

#proposalCards {
    list-style-type: none;
    padding: 0;
}

    #proposalCards * {
        padding: 0;
        margin: 0;
        position: relative;
        display: inline;
        float: left;
    }

    #proposalCards .proposal {
        background-color: #FFF;
        border: 3px solid #7E9DCC;
        border-top-width: 2em;
        border-right-width: 140px;
        border-radius: 8px;
        display: block;
        margin-bottom: 1em;
        width: 800px;
    }

        #proposalCards .proposal > dl {
            top: -1.6em;
            display: block;
            float: none;
            padding-right: 100px;
        }

        #proposalCards .proposal dt {
            font-weight: bold;
            color: #AAA;
            margin-right: .3em;
            text-decoration: underline;
        }

        #proposalCards .proposal dd {
        }

        #proposalCards .proposal > dl > dt {
            padding: 0 .5em;
            font-size: .8em;
        }

        #proposalCards .proposal > dl > dd {
            padding: 0 .5em;
        }

        #proposalCards .proposal .ID, #proposalCards .proposal .Title {
            color: #FFF;
            font-weight: bold;
            max-width: 580px;
            border-radius: .3em;
            text-align: center;
        }

        #proposalCards .proposal dt.ID,
        #proposalCards .proposal dt.Title,
        #proposalCards .proposal dt.Types,
        #proposalCards .proposal dt.Options{
            display: none;
        }


        #proposalCards .proposal .Title {
        }

        #proposalCards .proposal .Date {
            position: absolute;
            right: -130px;
            top: 1em;
            font-size: .8em;
            float: none;
            display: block;
        }

        #proposalCards .proposal dt.Date, #proposalCards .proposal dt.Status {
            display: none;
        }

        #proposalCards .proposal .Date * {
            float: none;
            display: block;
            text-align: center;
        }

        #proposalCards .proposal .Date dl dt {
            color: #FFF;
            text-decoration: none;
            margin-top: .5em;
        }

        #proposalCards .proposal .Date dl dd {
            background-color: #FFF;
            border-radius: .3em;
            padding: .1em 0;
        }

        #proposalCards .proposal .Awards{
            font-size: .8em;
        }

        #proposalCards .proposal .Awards dt{
            text-decoration: none;
        }
        #proposalCards .proposal .Awards dd{
               margin-right: .6em;
        }

        #proposalCards .proposal .AmountRequest{
            position: absolute;
            bottom: -7.5em;
            right: 0;
        }
        #proposalCards .proposal dt.AmountRequest{
            text-decoration: overline;
            bottom: -12.3em;
        }
        #proposalCards .proposal dd.AmountRequest{
            font-size: 1.2em;
            font-weight: bolder;
        }

        #proposalCards .proposal dt.Amounts {
            display: none;
        }

        #proposalCards .proposal dd.Types {
            margin-top: .5em;
        }
        
        #proposalCards .proposal dd.Types dd,
            #proposalCards .proposal dd.Amounts dd {
            padding: 1em 0;
            left: -5em;
        }

        #proposalCards .proposal dt.Types,
        #proposalCards .proposal dd.Amounts,
        #proposalCards .proposal dt.Options,
        #proposalCards .proposal dt.ReportValue,
        #proposalCards .proposal .Awards  {
            clear: both;
        }

        #proposalCards .proposal .Types {
            clear: left;
        }

        #proposalCards .proposal .Status {
            position: absolute;
            top: 1px;
            right: 0;
            background-color: #FFF;
            border-radius: .3em .3em 0 0 ;
        }

        #proposalCards .proposal .Status a {
            font-weight: bold;
            font-size: 1.4em;
            color: #FFF;
        }

        #proposalCards .proposal .Investigators {
            position: absolute;
            top: 3em;
            right: 0;
        }

        #proposalCards .proposal dd.Investigators {
            top: 3.5em;
            text-align:right;
        }
        
        #proposalCards .proposal dd.Investigators li {
            float: none;
            display: block;
        }
        
        #proposalCards .proposal dd.Investigators li.isLead {
            font-weight: bold;
        }
        #proposalCards .proposal dd.Investigators li.isLead span {
            color: #AAA;
            float:none;
        }

        #proposalCards .proposal .Funding {
            clear: left;
        }

        #proposalCards .proposal .Amounts {
        }

        #proposalCards .proposal .Options * {
            display: block;
            float: none;
        }

        #proposalCards .proposal dd.Options {
            float: right;
            top: -1em;
        }

    #proposalCards .Awarded {
     border-color: #44b546;
 }
 #proposalCards .Withdrawn{
     border-color: #b57f44;
 }

    #proposalCards .Denied {
     border-color: #b95158;
 }

    #proposalCards .Awarded dd.Title {
     background-color: #44b546;
 }
 #proposalCards .Withdrawn dd.Title{
     background-color: #b57f44;
 }

    #proposalCards .Pending dd.Title {
     background-color: #7E9DCC;
 }

    #proposalCards .Denied dd.Title {
     background-color: #b95158;
 }

.pageLinks {
    text-align: center;
    list-style-type: none;
}

    .pageLinks * {
        display: inline-block;
    }

    .pageLinks li {
        padding: .6em;
        border: 2px solid #AAA;
        border-radius: .4em;
        background-image: linear-gradient(bottom, rgb(76,119,184) 33%, rgb(126,157,204) 73%);
        background-image: -o-linear-gradient(bottom, rgb(76,119,184) 33%, rgb(126,157,204) 73%);
        background-image: -moz-linear-gradient(bottom, rgb(76,119,184) 33%, rgb(126,157,204) 73%);
        background-image: -webkit-linear-gradient(bottom, rgb(76,119,184) 33%, rgb(126,157,204) 73%);
        background-image: -ms-linear-gradient(bottom, rgb(76,119,184) 33%, rgb(126,157,204) 73%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, rgb(76,119,184)), color-stop(0.73, rgb(126,157,204)) );
        color: #FFF;
    }

        .pageLinks li a {
            color: #FFF;
        }


    .pageLinks .current, .pageLinks .elipses, .pageLinks .disabled {
        color: #000;
        background-color: #7E9DCC;
        background-image: none;
    }
    .pageLinks a[disabled]{
        color : #000;
        cursor: default;
    }

    
    .pageLinks li:first-child{
        /*border-color: #F00;*/
    }
    .pageLinks li:first-child:before{
        content: "<<";
    }
    .pageLinks li:last-child{
        /*border-color: #FF0;*/
    }
    .pageLinks li:last-child:after{
        content: ">>";
    }
 #proposalCards .Awarded dd.Status a{
     color: #44b546;
 }
 #proposalCards .Withdrawn dd.Status a{
     color: #b57f44;
 }
 #proposalCards .Pending dd.Status a{
     color: #7E9DCC;
 }
 #proposalCards .Denied dd.Status a{
     color: #b95158;
 }