/* Auto Handler */ 
td { 
     vertical-align: top; 
}

#divMain {
     margin-left: auto; 
     margin-right: auto; 
     min-height: 1000px;  
     min-width: 324px;
     max-width: 1200px;
}

#overlay {
     position: fixed; 
     bottom:  0px; 
     left: 0px; 
     height: 0%; 
     width: 100%;  
     display: none; 
     background-image: url('/images/overlay.png'); 
}


/* Masthead */ 
#navMenu { 
     display: inline-block;
     width: 100%;
}

#navMenu > div {
     padding: 5px 10px; 
}


/* footer */ 

footer { 
     position: fixed; 
     bottom: 0px;
     left: 0px; 
     width: 100%;
     padding-bottom: 5px;
     padding-top: 5px;
}

#ajax_spinner { 

     position: fixed; 
     top: 30%; 
     left: 50%; 
     display: none; 
}
header { 
     height: 60px;
}

header h1 { 
     margin-top: 0px; 
     margin-bottom: 0px; 
     margin-left: 0px; 
     margin-right: 0px; 

}
#selLocation { 
     width: 150px; 
}


/* FOH */
#artMain {
     margin-top: 1em; 
     margin-bottom: 1em;
     overflow: hidden;
}

/* index */ 


/* log in */ 
#divLogInWrapper { 
}

#divLogIn input { 
     width: 100px; 
}
#divLogIn input[type="submit"] { 
     width: 75px;  
}

/* sign up */

#divSignUp {
     position: relative;
     top: 40px;
     width: 190px;
     margin-left: 50px;
}


/* contact */
     
#asdOfficeHours { 
     float: right; 
     margin-left: 60px; 
}

#contactLeft     { width: 100px; }
#contactName, #contactCompany, #contactPhone, #contactEmail, #contactMessage  { 
     border-radius: 5px; 
     padding: 2px 5px; 
}

#contactName, #contactCompany, #contactPhone, #contactEmail { 
     width: 200px; 
}
#contactMessage { 

     width: 302px; 
     box-shadow: inset 2px 2px 0px #A0A0A0;   
     height: 75px; 

}
/* pricing */
.colPricing1   { width: 400px; }

/* Features */ 
.sampleDocument { 
     float: right;  
     margin: 0px 0px 0px 30px; 
     box-shadow: 10px 10px 35px #000000; 
}
#asdAppTiles { 
     width: 240px; 
     float: right; 
     text-align: center

}
.appTile { 
     margin: 20px 20px; 
     padding: 10px; 
     height: 160px; 
     width: 175px; 
     border: 3px solid #808080; 
     border-radius: 10px; 
     box-shadow: 7px 10px 10px #000000; 
}

#imgDispatchScreen { 

     width: 450px; 
     float: right; 
     margin: 20px; 
}
#imgDispatchGPS { 
     width: 200px;
     float:right;  
}
#imgClientLogo { 
     max-height: 150px; 
     max-width: 300px; 

}
/* locations */

.colStates1 { width: 200px; }
.colStates2 { width: 100px; }
.colStates3 { width: 150px; }



/* Dialog Box */ 

.dialogBox { 
     box-shadow: 20px 20px 30px #000000; 
     border-radius: 10px; 
     padding: 5px; 
}
div.dialogBoxHeader { 
     background-image: url('/images/dialogBoxHeader.jpg'); 
     padding: 5px; 
     font-weight: bold;
     font-size: 10pt;  
     color: #FFFFFF; 
     border-radius: 10px;
     height: 20px; 
}
div.dialogBoxHeader img { 
     height: 20px; 
}

#divNewDialogBox > div {
     position: absolute;
     left: 50%;
     top: 150px;
     padding-bottom:5px; 
     background-color: #FFFFFF;
     border: solid 1px;
}


#dbChoice, #dbChoice2, #dbChoice3 { 
     position: absolute; 
     background-color: #FFFFFF; 
     border: 3px solid #808080; 
     top: 40%; 
     left: 50%;;
     max-width: 387px; 
     z-index: 10; 
}

#dbChoice button, #dbChoice2 button, #dbChoice3 button{ 
     margin: 0px 10px; 
}


@media only screen and (max-width: 834px) {
     #divNewDialogBox > div {
          max-width: 810px;
     }
}

#divNewDialogBox > div[dialogref*="_2"] { top: 200px; }
#divNewDialogBox > div[dialogref*="_3"] { top: 250px; }


/* Reusables */ 
img.icon { height: 20px; }

@media only screen and (min-width:420px) {
     header {
          height: 65px;
     }
}

@media only screen and (min-width: 440px) {
     header {
          height: 75px;
     }
}

@media only screen and (min-width:975px) {
     article#artMain {
          margin-top: 1em;
     }
}

@media only screen and (min-width:1200px) {
     
}