body {
    font-family: Arial;
    font-size: 10pt;
}

.chTypeCheck {
    border: 1px transparent solid;
}


#container {
    width: auto;
    margin: 0px auto;
}

#header {
    color: #FFFFFF;
    width: auto;
    height: 40px;
    background-color: #778CB3;
}

#sidePanel {
    width: 90px;
    height: 480px;
    margin-top: 5px;
    background-color: #778CB3;
    color: #FFFFFF;
    padding: 2px;
    float: right;
}

#sidePanel2 {
    width: 90px;
    height: 440px;
    margin-top: 5px;
    background-color: #778CB3;
    color: #FFFFFF;
    padding: 2px;
    float: right;
}

.jobTypesList {
    background-color: #778CB3;
}



#content {
    width: auto;
    float: left;
    height: 440px;
    margin-top: 5px;
    background-color: #A0AFCB;
}

#footer {
    background-color: #F7CB33;
    padding: 12px;
    width: 649px;
    color: #000000;
    font-size: 90%;
    text-align: center;
    clear: both;
    border-top: 5px solid #FFFFFF;
}


table {
    border: 1px solid #ccc;
}

    table th {
        background-color: #F7F7F7;
        color: #333;
        font-weight: bold;
    }

    table th, table td {
        padding: 5px;
        border-color: #ccc;
    }

.Pager span {
    color: #333;
    background-color: #F7F7F7;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 20px;
    margin-right: 3px;
    line-height: 150%;
    border: 1px solid #ccc;
}

.Pager a {
    text-align: center;
    display: inline-block;
    width: 20px;
    border: 1px solid #ccc;
    color: #fff;
    color: #333;
    margin-right: 3px;
    line-height: 150%;
    text-decoration: none;
}

.highlight {
    background-color: #FFFFAF;
}

.Name {
    width: 480px;
}

.CustomerNum {
    width: 140px;
}

.Source {
    width: 140px;
}

.ddlShort {
    width: 50px;
}

.ddljobtype {
    width: 150px;
}


.Address {
    width: 480px;
}

.phone {
    width: 100px;
}

.workArea {
    width: 750px;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
}


.Date {
    width: 100px;
}

.City {
    width: 240px;
}

.Zip {
    width: 60px;
}

.Color {
    width: 100px;
}

.comment {
    width: 10000px;
}

.memo {
    background-color: wheat;
    max-width: 100%;
    width: 100%;
}

}

.email {
    width: 400px;
}


.JobNum {
    width: 90px;
}

.Source {
    width: 90px;
}

.OpenHouse {
    width: 90px;
}

.manufacturer {
    width: 90px;
}

.Distributor {
    width: 90px;
}

.manufacturer {
    width: 90px;
}

.Money {
    width: 90px;
}

.buttonright {
    float: right;
    width: 175px;
    height: 45px;
    border-radius: 0.5em;
    text-decoration: none;
    color: black;
    padding: 1em;
    padding-right: 3em;
    padding-left: 2em;
    text-transform: capitalize;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-color: #ffb900; /*#49c0f0;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb900), to(#fcdb81));
    background-image: -webkit-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -moz-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -ms-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -o-linear-gradient(top, #ffb900, #fcdb81);
    background-image: linear-gradient(to bottom, #ffb900, #fcdb81);
    filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ffb900, endColorstr=#fcdb81);
}

    .buttonright:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fcdb81), to(#f7e4ad));
        background-image: -webkit-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -moz-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -ms-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -o-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: linear-gradient(to bottom, #fcdb81, #f7e4ad);
        filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#fcdb81, endColorstr=#f7e4ad);
        background-color: #fcdb81;
    }

    .buttonleft {
    float: left;
    width: 175px;
    height: 45px;
    border-radius: 0.5em;
    text-decoration: none;
    color: black;
    padding: 1em;
    padding-right: 3em;
    padding-left: 2em;
    text-transform: capitalize;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-color: #ffb900; /*#49c0f0;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb900), to(#fcdb81));
    background-image: -webkit-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -moz-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -ms-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -o-linear-gradient(top, #ffb900, #fcdb81);
    background-image: linear-gradient(to bottom, #ffb900, #fcdb81);
    filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ffb900, endColorstr=#fcdb81);
}

    .buttonleft:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fcdb81), to(#f7e4ad));
        background-image: -webkit-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -moz-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -ms-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -o-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: linear-gradient(to bottom, #fcdb81, #f7e4ad);
        filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#fcdb81, endColorstr=#f7e4ad);
        background-color: #fcdb81;
    }

    .buttonrightsmall {
    float: right;
    width: 87px;
    height: 22px;
    border-radius: 0.25em;
    text-decoration: none;
    color: black;
    padding: 0em;
    padding-right: 2em;
    padding-left: 2em;
    /*padding-bottom: 2em;*/
    text-transform: capitalize;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-color: #ffb900; /*#49c0f0;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb900), to(#fcdb81));
    background-image: -webkit-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -moz-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -ms-linear-gradient(top, #ffb900, #fcdb81);
    background-image: -o-linear-gradient(top, #ffb900, #fcdb81);
    background-image: linear-gradient(to bottom, #ffb900, #fcdb81);
    filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ffb900, endColorstr=#fcdb81);
}

    .buttonrightsmall:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fcdb81), to(#f7e4ad));
        background-image: -webkit-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -moz-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -ms-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: -o-linear-gradient(top, #fcdb81, #f7e4ad);
        background-image: linear-gradient(to bottom, #fcdb81, #f7e4ad);
        filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#fcdb81, endColorstr=#f7e4ad);
        background-color: #fcdb81;
    }
  
body

{

    margin: 0;

    /*padding: 0;*/

    height: 100%;

        padding-top: 70px;

}

.modal

{

    display: none;

    position: absolute;

    top: 0px;

    left: 0px;

    background-color: black;

    z-index: 100;

    opacity: 0.8;

    filter: alpha(opacity=60);

    -moz-opacity: 0.8;

    min-height: 100%;

}

#divImage

{

    display: none;

    z-index: 2000;

    position: fixed;

    top: 0;

    left: 50%;

    background-color: White;

    height:  550px;

    width: 0px;

    padding: 3px;

    border: solid 1px black;

}

.outer {
    /*display: table;
    position: absolute;
    height: 100%;
    width: 100%;*/
}

.middle {
    /*display: table-cell;
    vertical-align: top;*/
}

.inner {
    /*margin-left: auto;
    margin-right: auto; 
    width: 100%;*/
}

.chkList input 
{ 
    margin-left: -10px; 
}
.chkList td 
{ 
    padding-left: 20px; 
}
.chkList label 
{  
    padding-right: 5px; 
}

.divWaiting{
   
position: relative;
background-color: #FAFAFA;
z-index: 2147483647 !important;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
padding-top:20%;
}