#header {
    border-style:none;
    padding:0px;
    margin:0px;
    display:inline;
}

html,body {
    padding:0px;
    margin:0px;
    font-family:Arial,sans-serif;
    background:#F2FFBF;
}

a {
    color:#27793B;
    text-decoration:underline;
}

a:hover {
    text-decoration:underline;
}

img {
    border:none;
}

.pagination {
    font-size:xx-small;
    text-align:center;
    width:100%;
}

.form_error_message {
   display:block;
   color:#F00000;
   font-style:italic;
}

table#menuButtons {
    border-collapse:collapse;
    border:none;
    padding:0px;
    margin:0px;
    float:left;
}

table#menuButtons td {
    height:auto;
}

div#menu {
    position:relative;
    overflow:visible;
    padding:0px;
    margin:0px;
    float:left;
}

table#login {
    width:100%;
    table-layout:fixed;
    height:100%;
}

div#flashMessage {
    font-size:large;
    color:#27793B;
    width:757px;
    text-align:center;
    border:#27793B solid 1px;
    padding-top:10px;
    padding-bottom:10px;
    margin:10px;

}

/******************************
 * Site Details
 * ***************************/
table#siteDetails {
    border-collapse:collapse;
    border:none;
    padding:0px;
    margin:0px;
    font-size:small;
    top:0px;
    right:0px;
  float:right;
}
table#siteDetails .name {
    font-weight:bold;
}

/******************************
 * Basic table formating
 * ***************************/
table.dataDisplay {
    font-family:Arial,sans-serif;
    border-collapse:collapse;
    font-size:small;
    float:left;
    width:100%;
    clear:both;
}

table.dataDisplay th, table.dataDisplay td {
    text-align:left;
    border:2px solid #ffffff;
}

table.dataDisplay th {
    color:#ffffff;
    background:#27793B;
    padding:3px;
}
.related {
    clear:both;
    float:left;
    width:100%;
}
.related br {
clear:both;
}
table.dataDisplay td {
    background:#ededed;
    padding:3px;
}
table.dataDisplay tr.dark td {
    background:#cccccc;
}

table.dataDisplay#site {
    width:70%;
    float:none;
}

/******************************
 * Scrollers
 * ***************************/
div.scroller {
    height:20em;
    overflow:auto;
    padding:0px;
    margin:0px;
}

table.dataDisplay td.scrollContainer {
    padding:0px;
    margin:0px;
    border:0px none #000000;
    background:#ffffff;
}

/******************************
 * State summary table
 * ***************************/
table#stateSummary {
    width:480px;
    position:absolute;
    top:0px;
    right:0px;
}
table#stateSummary td, table#stateSummary th {
    padding:3px;
    text-align:center;
}

/******************************
 * Customer List table
 * ***************************/
table#customerList {
    margin:0 auto;
    width:750px;
    padding:0px;
}

table#customerList th a {
    color:#ffffff;
}
table#customerList th,table#customerList td {
    text-align:center;
}

table#customerList table td, table#customerList table th {
    text-align:center;
    padding:3px;
}

table#customerList .scrollContainer {
    text-align:left; 
}

table#customerList th.th1 { width: 158px;text-align:left;} /* Name */
table#customerList th.th2 { width: 50px;} /* Actions */
table#customerList th.th3 { width:auto;background:#ffffff; }

table#customerList td.td1 { width: 158px;text-align:left;} /* Name */
table#customerList td.td2 { width: 39px;} /* Actions */
table#customerList td.td3 { width:auto;background:#ffffff; }

/******************************
 * Site List table
 * ***************************/
table#siteList {
    margin:0 auto;
    width:750px;
    padding:0px;
}

table#siteList th a {
    color:#ffffff;
}
table#siteList th,table#siteList td {
    text-align:center;
}

table#siteList table td, table#siteList table th {
    text-align:center;
    padding:3px;
}

table#siteList .scrollContainer {
    text-align:left; 
}

table#siteList th.th1 { width: 54px;} /* Site */
table#siteList th.th2 { width: 100px;text-align:left;} /* Description */
table#siteList th.th3 { width: 100px;text-align:left;} /* Address */
table#siteList th.th4 { width: 50px;} /* city */
table#siteList th.th5 { width: 30px;} /* state */
table#siteList th.th6 { width: 50px;} /* Actions */
table#siteList th.th7 { width:auto;background:#ffffff; }

table#siteList td.td1 { width: 54px;} /* Site */
table#siteList td.td2 { width: 100px;text-align:left;} /* Name */
table#siteList td.td3 { width: 100px;text-align:left;} /* State */
table#siteList td.td4 { width: 50px;} /* Photos */
table#siteList th.td5 { width: 30px;} /* Actions */
table#siteList th.td6 { width: 50px;} /* Actions */
table#siteList td.td7 { width:auto;background:#ffffff; }

/******************************
 * Certification List table
 * ***************************/
table#certList {
    margin:0 auto;
    width:757px;
    padding:0px;
}

table#certList td, table#certList th {
    text-align:center;
}

/******************************
 * Audit table
 * ***************************/
table#auditList {
    margin:0 auto;
    width:757px;
    padding:0px;
}

table#auditList td, table#auditList th {
    text-align:center;
}

/******************************
 * photos table table
 * ***************************/
    
table#photos {
    margin:0 auto;
    table-layout:auto;
}

table#photos table td, table#photos table td {
    text-align:center;
    height:100%;
}

/******************************
 * Jobs Req Approval
 * ***************************/
table#jobReqAppList {
    margin:0 auto;
    width:750px;
    padding:0px;
}

table#jobReqAppList td, table#jobReqAppList th {
    text-align:center;
    padding:3px;
}

table#jobReqAppList .scrollContainer {
    text-align:left;
    padding:0px;
}

table#jobReqAppList th.th1 { width: 80px;} /* Job No */
table#jobReqAppList th.th2 { width: 80px;} /* Site No */
table#jobReqAppList th.th3 { width: 80px;} /* Requested */
table#jobReqAppList th.th4 { width: 100%;text-align:left;} /* Description */
table#jobReqAppList th.th5 { width: 50px;} /* Prority */
table#jobReqAppList th.th6 { width: 80px;} /* est value $ */
table#jobReqAppList th.th7 { width: 80px;} /* Action */

table#jobReqAppList td.td1 { width: 80px;} /* Job No */
table#jobReqAppList td.td2 { width: 80px;} /* Site No */
table#jobReqAppList td.td3 { width: 80px;} /* Requested */
table#jobReqAppList td.td4 { width: 100%;text-align:left;} /* Description */
table#jobReqAppList td.td5 { width: 50px;} /* Prority */
table#jobReqAppList td.td6 { width: 80px;} /* est value $ */
table#jobReqAppList td.td7 { width: 80px;} /* Action */

table#jobReqAppList .P1 {
    background: #FF0000;
    width:50px;
}

table#jobReqAppList .P2 {
    background: #FFFF00;
    width:50px;
}

table#jobReqAppList .P3 {
    background: #00FF00;
    width:50px;
}

/******************************
 * Jobs in progress
 * ***************************/
table#jobsInProgressList {
    margin:0 auto;
    width:750px;
    padding:0px;
}

table#jobsInProgressList td, table#jobsInProgressList th {
    text-align:center;
    padding:3px;
}

table#jobsInProgressList .scrollContainer {
    text-align:left;
    padding:0px;
}

table#jobsInProgressList th.th1 { width: 80px;} /* Job No */
table#jobsInProgressList th.th2 { width: 80px;} /* Site No */
table#jobsInProgressList th.th3 { width: 205px;text-align:left;} /* Description */
table#jobsInProgressList th.th4 { width: 50px;} /* Prority */
table#jobsInProgressList th.th5 { width: 80px;} /* Approved */
table#jobsInProgressList th.th6 { width: 100px;} /* Approved By */
table#jobsInProgressList th.th7 { width: 80px;} /* Est Value */

table#jobsInProgressList td.td1 { width: 80px;} /* Job No */
table#jobsInProgressList td.td2 { width: 80px;} /* Site No */
table#jobsInProgressList td.td3 { width: 205px;text-align:left;} /* Description */
table#jobsInProgressList td.td4 { width: 50px;} /* Prority */
table#jobsInProgressList td.td5 { width: 80px;} /* Approved */
table#jobsInProgressList td.td6 { width: 100px;} /* Approved By */
table#jobsInProgressList td.td7 { width: 80px;} /* Est Value */

table#jobsInProgressList .P1 {
    background: #FF0000;
    width:50px;
}

table#jobsInProgressList .P2 {
    background: #FFFF00;
    width:50px;
}

table#jobsInProgressList .P3 {
    background: #00FF00;
    width:50px;
}

/******************************
 * Completed Jobs
 * ***************************/
table#completedJobsList {
    margin:0 auto;
    width:750px;
    padding:0px;
}

table#completedJobsList td, table#completedJobsList th {
    text-align:center;
    padding:3px;
}

table#completedJobsList .scrollContainer {
    text-align:left;
    padding:0px;
}

table#completedJobsList th.th1 { width: 80px;} /* Job No */
table#completedJobsList th.th2 { width: 80px;} /* Site No */
table#completedJobsList th.th3 { width: 175px;text-align:left;} /* Description */
table#completedJobsList th.th4 { width: 80px;} /* Approved */
table#completedJobsList th.th5 { width: 100px;} /* Approved By */
table#completedJobsList th.th6 { width: 80px;} /* Est Value */
table#completedJobsList th.th7 { width: 80px;} /* Final Cost */

table#completedJobsList td.td1 { width: 80px;} /* Job No */
table#completedJobsList td.td2 { width: 80px;} /* Site No */
table#completedJobsList td.td3 { width: 175px;text-align:left;} /* Description */
table#completedJobsList td.td4 { width: 80px;} /* Approved */
table#completedJobsList td.td5 { width: 100px;} /* Approved By */
table#completedJobsList td.td6 { width: 80px;} /* Est Value */
table#completedJobsList td.td7 { width: 80px;font-weight:bold} /* Final Cost */

/******************************
 * Schdules
 * ***************************/
table#schedules {
    margin:0 auto;
    width:750px;
    padding:0px;
    table-layout:auto;
}

table#schedules table {
    width:100%;
    height:100%;
}

table#schedules table td {
    height:115px;
}

table#schedules td, table#schedules th {
    text-align:center;
    padding:3px;
}

/******************************
 * Site Search
 * ***************************/

table#searchLayout {
    width:100%;
    table-layout:auto;
    float:left;
}

table#searchLayout td {
    width:50%;
}

/******************************
 * User List
 * ***************************/
table#userList {
    width:757px;
    table-layout:auto;
}

table#userList td, table#userList th {
    text-align:center;
}

/******************************
 * Add user
 * ***************************/
table#addUser {
    width:auto;
    table-layout:auto;
    margin:0 auto;
}