body{
    font-size:14px;
}
.head{
    position:relative;
    height:100%;
}

.header{
    border-bottom:1px solid grey;
    padding:5px 10px;
    overflow:hidden
}

.incident{
    width:20%;
    float:left;
}

.description{
    width:77%;
    float:left;
}.
.subject_style{
    padding: 0px 20px;
    margin: 0px;
    font-size:12px;
}
.font_color{
    color:Navy;
}
.header_style{
    width:100%;
    clear:both;
    padding:5px;
}
.name_style{
    width:100%;
    padding:5px 0;
    overflow:hidden;
}
.text_border_left_align{
    text-align:left;
    margin:0 0 0px;
    background:#CCC;
    font-size:14px;
    padding:5px;
    width:50%;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
}
.text_style{
    float:left;
    font-size:12px;
    width:50%;
    background:#d3f1c7;
    padding:5px;
    margin-top: 0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
}
.receiver_align{
    text-align:left;
    margin:0 0 0px;
    background:#CCC;
    font-size:14px;
    padding:5px;
    width:50%;
    float:right;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
}
.receiver_text{
    font-size:12px;
    float:right;
    width:50%;
    background:#d3f1c7;
    padding:5px;
    margin-top: 0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
}
.attachment{
    text-align:left;
    margin:0 0 0px;
    background:#CCC;
    font-size:14px;
    padding:5px;width:50%;
}
.attachment_url{
    font-size:12px;
    float:left;
    width:25%;
    background:green;
    border-radius:3px;
    margin-top:0;
    padding:1px;
}
.img_style{
    border:1px solid #fff;
    border-radius:1px;
    max-width:100%;
    display:block;
}
.img_style_v{
    border:1px solid #fff;
    border-radius:1px;
    max-width:50%;
    display:block
}
.span_style{
    float:right;
    display:inline-block
}