/* 
    Document   : members
    Created on : 23-Oct-2011, 11:58:25
    Author     : Antony
    Description:
        Purpose of the stylesheet follows.
*/




/************************************************************************************************************/
/************************************************************************************************************/
/**** MEMBERS ****/
/************************************************************************************************************/
/************************************************************************************************************/




/**** MOOD FORM ***********************************************/

/** floating div **/
#mood-form-div{
    display: none;
    position: absolute;
    z-index: 1000;
    width:600px;
    height:450px;
    top:-500px;
    left:-500px;

    border: 1px solid black;
    background-color: #ddd;
}

/** inline form **/
div.mood-form-inline{
    display:none;
    
    padding: 5px;

    border: 1px solid black;
    margin: 0 0 5px 0;
    
    -moz-border-radius: 8px 8px / 8px 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 8px / 8px 8px;
}
div.mood-form-results-inline{
    display:none;
    background-color: pink;
    padding: 5px;

    border: 1px solid black;
    margin: 0 0 5px 0;

    -moz-border-radius: 8px 8px / 8px 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 8px / 8px 8px;
}

a.show-inline-mood-form{
    width:100% !important;
    text-align: center;
    margin-bottom: 5px !important;
}
a.hide-inline-mood-form{

}
div.mood-form-inline a.submit{

}

#inlineMoodForm .red-opt{
    background-color: red;
}
#inlineMoodForm .org-opt{
    background-color: orange;
}
#inlineMoodForm .yel-opt{
    background-color: yellow;
}
#inlineMoodForm .grn-opt{
    background-color: green;
}

/**************************************************************/
/*moodslist-wrapper*/


.moodslist-wrapper{
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.moodslist-list{
    width: 100%;
    text-align: left;
}

.moods-list-div h2.memblist-hd{
    margin: 20px 0px 5px 0px;

}
.memblist-name{
    clear: both;
    float: left;
    width: 45%;
    font-weight: bold;
}
.memblist-status{
    float: left;
    width: 15%;
}
.memblist-date{
    float: left;
    width: 40%;
    /*border:1px red solid;*/
}
.memblist-mood{
    clear: both;
    float: left;
    height: 16px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
}

.memblist-clear{
    clear: both;
}





/**** Members Content Index ****/

.mci-div{
    clear: both;
}
.mci-heading{
    padding: 20px 5px 5px 5px ;
    font-size: 18px;

    background-color: #ccc;
}
.mci-row{
    clear: both;
    background-color: #fff;
}
.mci-title{
    background-color: #dddeee;
    padding: 5px 0px 0px 5px ;
}
.mci-link{
    float: right;
}
.mci-excerpt{
    font-style: italic;
}