.emailForm
{
    width:950px !important;
}
.emailForm *{
    font-family:Calibri, Arial, sans-serif;
}

.emailForm div, .emailForm li, .emailForm ul
{
    box-sizing:content-box;
}
.emailForm .logo{
    width:200px;
    float:left;
}

.emailForm .emailTitle{
  
font-size: 30px;
float:right;
margin-top:40px;
}

.emailForm li.emailTop
{
    border-bottom:1px solid gray;
    padding-bottom:20px;
}
.emailForm {
    width: 900px;
    margin: auto;
    padding-bottom:40px;
}

.emailForm label{
    display:block;
    border-top: 1px solid #EDEDEE;
padding-top: 6px;
margin-top: 10px;
color: gray;
}
.emailForm select
{
    padding:10px;
}

.emailForm img
{
    border:0px !important;
}

.emailForm .subTotals li
{
    margin-top:20px;
}

.emailForm .cancel{
    font-size:11px;
    color:blue;
    text-decoration:underline;
    font-weight:800;
    cursor:pointer;
}
.emailForm .invoiceStuff
{
    width:40%;
    float:left;
}

.emailForm .subTotals
{
    width:20%;
    float:right;
}

.thirdColumn {
    width: 33%;
    float: left;
    padding-right: 60px;
}

    .thirdColumn:last-child {
        padding-right: 0px;
    }


.emailForm .halfColumn {
    width: 45%;
    float: left;
    padding: 0px !important;

}

 .emailForm    .halfColumn:last-child {
        padding-right: 0px;
        float:right;
    }



.quarterColumn {
    width: 25%;
    float: left;
    padding-right: 60px;
}

    .quarterColumn:last-child {
        padding-right: 0px;
    }

.productRow {
    padding-top: 40px;
}

.titleRow {
    font-size: 14px;
    font-weight: 800;
}


.emailForm .purchaseOrderItem {
    border: 1px solid #a5a4a4;
    height: 70px;
    padding: 20px;
    background-color: #FFF;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.17);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.17);
    margin-bottom:20px;
    position:relative;
}

    .emailForm .purchaseOrderItem > div {
        float: left;
        padding-right: 0px;
    }

        .emailForm .purchaseOrderItem > div.quantity {
            width: 90px;
            margin-right:15px;
        }

       .emailForm  .purchaseOrderItem > div.desc {
              width: 340px;
            margin-right:15px;
        }

       .emailForm  .purchaseOrderItem > div.costcode {
              width: 290px;
            margin-right:15px;
        }

        .emailForm .purchaseOrderItem > div.total {
         width: 130px;
            margin-right:5px;
        }




         .emailForm .purchaseOrderItem .pstCheckBox{
              margin-right:4px !important;
              margin-left:5px !important;
          }

          .emailForm  .purchaseOrderItem .gstCheckBox{
              margin-right:4px !important;
              margin-left:5px !important;
          }


       .emailForm .purchaseOrderItem .close
        {
            position:absolute;
            left:870px;
            color:red;
            top:5px;
            font-size:12px;
            font-weight:800;
            cursor:pointer;
        }