#SendMessageModal {
    display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}

/*------MAILBOX ---*/
#MailBoxModal{
    display: none;
    position: absolute;
    width: 100%;
    height: 600px;
    top: 300px; left: 0px;
}
.modalmailbox
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -200px;
    left: -300px;
    z-index: 1000;
    width: 625px;
    height: 600px;
    padding: 0px;
}
.mailboxContainer {
  position: absolute;
    width: 575px;
    left: 50%;
    top: 50%;
    z-index: 750;

}

.mailboxTop
{
    width: 617px;
    background-color: #0076a3;
    padding: 4px;
    color: #ffffff;
    text-align: left;
}
.mailboxTop a, .mailboxTop a:visited
{
    color: #ffffff;
}
.mailboxBody
{
    padding: 10px;
}




/*------END MAILBOX ---*/


#uploadModal{
    display: none;
    position: absolute;
    width: 100%;
    height: 600px;
    top: 300px; left: 0px;
}
.modalupload
{
    background-color: #8da7b1;
    border: solid 4px black; position: relative;
    top: -200px;
    left: -300px;
    z-index: 1000;
    width: 700px;
    height: 600px;
    padding: 0px;
}
.uploadContainer {
  position: absolute;
    width: 650px;
    left: 50%;
    top: 50%;
    z-index: 750;

}

.uploadTop
{
    width: 692px;
    background-color: #0076a3;
    padding: 4px;
    color: #ffffff;
    text-align: left;
}
.uploadTop a, .uploadTop a:visited
{
    color: #ffffff;
}
.uploadBody
{
    padding: 10px;
}


#updateMessageModal{
    display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}

#titleModal {
   display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}
#descriptionModal {
   display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}
#statusModal {
   display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}
#priorityModal {
   display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}
#deadlineModal {
   display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    top: 300px; left: 0px;
}
.modalBody_big
{
    padding: 10px;
}

.modalBackground_big
{
    filter: Alpha(Opacity=70); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 1280px; background-color: #666666;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer_big
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;

    z-index: 750;
}
.modal_big
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 350px;
    height: 300px;

}
.modal_large
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 350px;
    height: 400px;
}
.modalTop_big
{
    width: 342px;
    background-color: #0076a3;
    padding: 4px;
    color: #ffffff;
    text-align: left;
}


.modalBackground
{
    filter: Alpha(Opacity=70); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 1280px; background-color: #666666;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 350px;
    height: 250px;
    padding: 0px;
}


.modalTop
{
    width: 342px;
    background-color: #0076a3;
    padding: 4px;
    color: #ffffff;
    text-align: left;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}