.cssMessagingButton
{
    height: 75%;
    width:25%;
    font-size:14px;
    font-family:Verdana;
    font-weight:normal;
    text-align:center;
    display:table-cell;
    vertical-align: middle;
    color:White;
    background-color:rgb(106,50,147);/*purpley blue*/
    border: solid 1px #D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
}

.cssNewMessageButton
{
    position:absolute;
    top:10%;
    left:2%;
    z-index:1500;
}

.cssNewMessageButtonOver
{
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    font-weight:bolder;
    border: solid 1px rgb(106,50,147);/*purpley blue*/
}

.cssMessagesTitle
{
    position:absolute;
    color:White;
    vertical-align:middle;
    left:35% ;
    top:10%;
    height:80%;
    width: 30%;
    background-color:rgb(106,50,147);/*purpley blue*/
    font-weight:bolder;
}

.cssReplyButton
{
    position:absolute;
    vertical-align:middle;
    top:10%;
    left:73%;
   
    z-index:1500;
}

.cssReplyButtonOver
{
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    font-weight:bolder;
    color:Black;
    border: solid 1px rgb(106,50,147);/*purpley blue*/
}

.cssMessagingButtonOver
{
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    font-weight:bolder;
    border: solid 1px rgb(106,50,147);/*purpley blue*/
}

.cssCloseButton
{
    position:absolute;
    vertical-align:middle;
    top:10%;
    left:73%;
    font-family:Verdana;
    font-size:14px;
    text-align:center;
    vertical-align: middle;
    height:75%;
    width:25%;
    color:White;
    background-color:rgb(106,50,147);/*purpley blue*/
    border: solid 1px #D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    z-index:1500;
}

.cssCloseButtonOver
{
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    font-weight:bolder;
    color:Black;
    border: solid 1px rgb(106,50,147);/*purpley blue*/
}

.cssMessageList
{
    position:absolute;
    vertical-align:top;
    top:10%;
    left:2%;
    font-family:Verdana;
    font-size:12px;
    text-align:center;
    vertical-align: middle;
    height:30%;
    width:96%;
    color:black;
    background-color:rgb(106,50,147);/*purpley blue*/
    border: solid 1px black;
    z-index:1500;
    
}

.cssPreviewPane
{
    position:absolute;
    vertical-align:top;
    top:44%;
    left:2%;
    font-family:Verdana;
    font-size:12px;
    text-align:center;
    vertical-align: middle;
    height:54%;
    width:96%;
    color:black;
    background-color:rgb(106,50,147);/*purpley blue*/
    border: solid 1px black;
    z-index:1500;
}

.cssPreviewMessageArea
{
    position:absolute;
    vertical-align:top;
    top:4%;
    left:2%;
    font-family:Verdana;
    font-size:18px;
    text-align:left;
    vertical-align: middle;
    height:75%;
    width:92%;
    color:Black;
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    border: solid 1px black;
    z-index:1500;
    overflow:auto;
    padding: 2%;
}

.cssNewMessageWrapper
{
    display:none;
    position:absolute;
    vertical-align:top;
    top:20%;
    left:20%;
    font-family:Verdana;
    font-size:12px;
    text-align:center;
    vertical-align: middle;
    height:70%;
    width:70%;
    color:White;
    border:solid 2px black;
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
    z-index:2100;
}

.cssNewMessageTitle
{
    font-family:Verdana;
    font-size:20px;
    font-weight:bolder;
    color:Silver;
}

.cssNewMessageFooter
{
    position:absolute;
    vertical-align:top;
    top:88%;
    left:2%;
    font-family:Verdana;
    font-size:12px;
    text-align:center;
    vertical-align: middle;
    height:10%;
    width:96%;
    color:White;
    background-color:Silver;
    z-index:1600;
}

.cssNewMessageCloseButton
{
    position:absolute;
    top:10%;
    left:2%;
    z-index:1500;
}

.cssNewMessageSendButton
{
    position:absolute;
    top:10%;
    left:72%;
    z-index:1500;
}

.cssNewMessageUsersLabel
{
    position:absolute;
    vertical-align:top;
    top:10%;
    left:2%;
    width:20%;
    border:solid 1px white;
    padding:0px;
    margin:0px;
}

.cssNewMessageUsers
{
    position:absolute;
    vertical-align:top;
    top:10%;
    left:25%;
    width:35%;
    border:solid 1px white;
    padding:0px;
    margin:0px;
}

.cssNewMessageSubjectLabel
{
    position:absolute;
    vertical-align:top;
    top:20%;
    left:2%;
    width:20%;
    border:solid 1px white;
    padding:0px;
    margin:0px;
}

.cssNewMessageSubject
{
    position:absolute;
    vertical-align:top;
    top:20%;
    left:25%;
    width:73%;
    border:solid 1px white;
    padding:0px;
    margin:0px;
}

.cssNewMessageBody
{
    position:absolute;
    vertical-align:top;
    top:29%;
    left:2%;
    width:92%;
    height:48%;
    border:solid 1px white;
    padding:2%;
    margin:0px;
}

.cssMsgBoxArea
{
    position:absolute;
    vertical-align:top;
    top:6%;
    left:2%;
    height:84%;
    width:96%;
    border:solid 1px black;
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
}

.cssMsgCheckbox
{
    position:absolute;
    vertical-align:middle;
    width:5%;
    height:15%;
    border:solid 1px black;
    top:0%;
    left:0%;
}

.cssMsgToFrom
{
    position:absolute;
    top:0%;
    left:5%;
    vertical-align:top;
    width:25%;
    height:15%;
    border:solid 1px black;
    
}

.cssMsgSubject
{
    position:absolute;
    top:0%;
    left:30%;
    vertical-align:top;
    width:45%;
    height:15%;
    border:solid 1px black;
    
}

.cssMsgDate
{
    position:absolute;
    top:0%;
    left:75%;
    vertical-align:top;
    width:25%;
    height:15%;
    border:solid 1px black;
}

.cssMsgList
{
    position:absolute;
    top:15%;
    left:0%;
    vertical-align:top;
    width:100%;
    height:85%;
    border:solid 1px black;    
    overflow:auto;
}

.cssInboxTable
{
    position:absolute;
    top:0%;
    vertical-align:middle;
    left:0%;
    width:100%;
    border:solid 1px black;    
}

.cssMsgTab
{
    font-family:Verdana;
    font-size:14px;
    text-align:center;
    color:black;
    vertical-align: middle;
    position:absolute;
    top:2%;
    background-color:rgb(106,50,147);/*purpley blue*/
    height:8%;
    width:48%;
    z-index:100;
    border:solid 1px black;
}

.cssInboxTab
{    
    left:2%;
}

.cssSentTab
{
    left:50%;   
}

.cssMsgRowArea
{
    background-color:#D8D4EB;/*rgb(216,212,235);/*light light purpley blue)*/
}

.cssMsgRowAreaOver
{
    background-color:silver;
}

.cssFloatMessage
{
    font-family:Verdana;
    font-size:20px;
    text-align:center;
    color:rgb(181,214,245);/* light blue */
    vertical-align: middle;
    border: solid 1px rgb(181,214,245);/* light blue */
    position: absolute;   
    top: 0px;
    left: 0px;
    background-color: rgb(106,50,147);
    z-index:100000;
}