/*Message Styling*/
#doubleColumnCustom {
    width:100%;
}

.grids {
    padding-top:30px;
}

.grids .block{
    margin-bottom:30px;
}

.blog .post #messSubContainer {
    height:300px;
    width: calc(100%);
    overflow-y:scroll;
    border: 1px solid gray;
    position: relative;
    /*left: 20px;*/
    z-index:1;
}

.blog .post #messSubContainer .messageSubject{
    height: 50px;
    padding: 3px;
    margin: 0px;
    cursor: pointer;
}

.blog .post #messSubContainer .messageSubject:first-of-type{
    border-top: 0px;
}

.blog .post #messSubContainer .messageSubject:last-of-type{
    border-bottom: 0px;
}

.blog .post #messSubContainer .messageSubject + .messageSubject{
    border-top: 1px solid gray;
}

.blog .post #messSubContainer .messageSubject .sender {
    font-size:larger;
    float: left;
    display: block;
    clear: both;
}

.blog .post #messSubContainer .messageSubject .subject {
    float: left;
    clear: both;
}

.blog .post #messSubContainer .messageSubject .date {
    float: right;
}

.blog .post #messSubContainer .messageSubject .time {
    float: right;
    clear: both;
    font-size: x-small;
}

.blog .post #messViewContainer {
    height:300px;
    width:100%;
    overflow-y:scroll;
    overflow-wrap: break-word;
    border:solid 1px gray;
    border-left:0px;
}

.blog .post #messViewContainer .messageBox{
    padding:5px;
    clear:both;
}

.blog .post #messViewContainer .messageBox:first-of-type{
    border-top:0px;
}

.blog .post #messViewContainer .messageBox + .messageBox{
    border-top:1px solid gray;
}

.blog .post #messViewContainer .messageBox:last-of-type{
    border-bottom:0px;
}

.blog .post #messViewContainer .messageBox .message{
    font-size:larger;
    padding:5px 0px 5px 0px;
    display:block;
}

.blog .post #messViewContainer .messageBox .messageSender{
    font-size:x-small;
    font-style:italic;
    float:left;
    display:inline;
}

.blog .post #messViewContainer .messageBox .dateAndTime{
    font-size:x-small;
    font-style:italic;
    float:right;
}

.blog .post #messViewContainer .messageBox span{
    clear:left;
    display:block;
}

.blog .post #messViewContainer .messageBox .omLabel{
    font-style:oblique;
    font-weight:bold;
    color:black;
}

.single_column .block .heading #sendButton, #archiveButton, #newButton, #replyButton, #cancelButton {
    color:white;
    padding:3px;
}

.single_column .block .heading #sendButton, #cancelButton {
    float:right;
    width:10%;
    margin-left:5px;
}

#mainMessCon #newMessBlock {
    margin-top:50px;
    width:90%;
    margin-left:5%;
}

#mainMessCon #newMessBlock #sbxReceipant {
    width:200px;
    display:block;
    margin-bottom:20px;
}

#mainMessCon #newMessBlock #txtSubject {
    width:190px;
    display:block;
}

#mainMessCon #newMessBlock #txtMessReply {
    height:200px;
    display:block;
}