* {margin: 0; padding: 0; border: 0; background: transparent; color: black;}
html {width: 100%; height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; background: #dadada;}
a:link {text-decoration: underline; color: blue;}
a:visited {text-decoration: underline; color: purple;}
a:active, a:hover {text-decoration: underline; color: red;}
input {border: solid 1px black; cursor: text;}
select {border: solid 1px black; cursor: text;}
ul, ol {
list-style-type: none;
}
table {border-collapse: collapse;}
textarea {font-family: Arial, Helvetica, sans-serif;}

/* STRUCTURE */
#container {
position: absolute; top: 0; left: 0; z-index: 0;
width: 100%; height: 100%;
background: white;
}
/* Modal Window Mode */
#container #modalWin {
position: absolute; top: 0; left: 0; z-index: 20;
width: 100%; height: 100%;
overflow: hidden;
cursor: wait;
}
/* Modal Window Mode Rquest */
#container #linkActivateApproved {
position: absolute; top: 0; left: 0; z-index: 20;
width: 100%; height: 100%;
overflow: hidden;
background: transparent url(../graphics/linkActApproved.gif) no-repeat center center;
}
#container #linkActivateDenied {
position: absolute; top: 0; left: 0; z-index: 20;
width: 100%; height: 100%;
overflow: hidden;
background: transparent url(../graphics/linkActDenied.gif) no-repeat center center;
}
/* Progess Mode */
#container #progressWin {
position: absolute; top: 0; left: 0; z-index: 50;
width: 100%; height: 100%;
overflow: hidden;
cursor: wait;
}
#container #progressWin #progmsg {
/* skin */
position: absolute; top: 200px; left: 320px; z-index: 50;
width: 300px; height: 72px;
background: #d1d1d1 url(../graphics/PE_arrows_92x72_flashing.gif) no-repeat top left;
border: outset 1px #aaa;
text-align: center;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#container #progressWin #progmsg p {
margin: 15px 5px 5px 112px;
font-size: 14px; font-weight: bold;
}
#container #progressWin #progmsg a {
position: absolute; top: 40px; right: 20px;
margin: 0; padding: 4px 8px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #dfdfdf; color: #000;
border: outset 1px #aaa;
text-align: center;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
/* Alert Box */
#container #alertWin {
position: absolute; top: 160px; left: 320px; z-index: 51;
width: 320px;
background: #d8d8d8; color: black;
border: outset 3px #aaa;
}
#alertWin h4 {
width: 310px; height: 20px;
margin: 0 0 5px 0; padding: 7px 0 0 10px;
font-size: 12px;
background: #d1d1d1; color: #060;
border-bottom: solid 1px #060;
}
#alertWin textarea {
width: 260px; height: 90px;
margin: 5px 0 0 20px;
font-size: 14px;
overflow: hidden;
}
#alertWin .buttons {
margin: 15px 0 15px 180px;
}
#alertWin .buttons a.button {
height: 30px;
margin: 2px; padding: 3px 6px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #e1dfef; color: #009;
border: outset 2px #565486;
}
#alertWin .buttons a.button:hover {
background: #00c; color: #e1dfef;
}
/* DEBUG WINDOW */
#container #debugWin {
position: absolute; top: 100px; left: 100px; z-index: 50;
width: 900px; height: 700px;
overflow: hidden;
cursor: wait;
}
#container #debugWin textarea {
font-size: 11px;
color: blue; background: #ededed;
border: solid 1px black;
}
#container.popped {
position: absolute; top: 0; left: 0; z-index: 0;
background: #ffc;
}
#page {
position: relative; top: 0; left: 0;
width: 100%; height: 100%;
background: #dadada;
}
#top {
position: relative; top:0; left: 0;
width: 100%; height: 35px;
background: white;
border-bottom: solid 3px #009;
}
#top h1 {
/* skin */
position: relative; top:4px; left: 10px;
width: 105px; height: 30px;
background: white url(../graphics/PE_logo_105x30_flashing.gif) no-repeat top left; 
}
#top h2 {
position: absolute; top: 6px; left: 127px; z-index: 0;
font-size: 24px; font-style: italic; font-variant: small-caps;
letter-spacing: 3px;
}
#top h2.loads {color: #696;}
#top h2.trucks {color: #77b;}
#top h2.account {color: #C96;}

#top.home {height: 80px;}
#top.home h1 {
position: absolute; top: 0; left: 0; z-index: 1;
width: 240px; height: 75px;
background-image: none;
}
#top.home h1 a#logo {
position: absolute; top: 7px; left: 15px; z-index: 1;
width: 220px; height: 75px;
float: left; overflow: hidden;
font-size: 14px; font-weight: bold;
}
#top.home h1 a#logo span {
/* skin */
position: absolute; top: 0px; left: 0px; z-index: 2;
display: block;
width: 210px; height: 60px;
background: white url(../graphics/PE_logo_210x60_flashing.gif) no-repeat top left;
}
#toptext { /* Text Below Logo */
position: absolute; top: 65px; left: 10px; z-index: 2;
width: 300px;
font-size: 11px; font-weight: bold;
}
#foot {
top: 0; left: 122px;
clear: both;
width: 817px;
background: #dadada;
border: none;
}
#foot.home {
width: 900px;
}
#foot.setup {
margin-top: 133px;
}
#foot p {
padding: 2px 0 0 10px;
font-size: 11px; text-align: right;
background: #dadada; color: #666;
}
/* PAGE CONTENT */
#content {
position: relative; top: 0; left: 123px;
width: 793px; height: auto;
margin: 0; padding: 0 0 18px 0;
border-right: solid 1px #99a; border-bottom: solid 1px #99a; border-left: solid 1px #999;
}
#content.minheight {
height: 474px;
}
#content.lotheight { /* phasing out */
height: 486px;
}
#content.home {
left: 123px;
width: 813px; height: 560px;
background: white url(../graphics/IndexPageTruck.jpg) no-repeat bottom right;
border: none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
}
#content.start {
height: 471px;
border: none;
}
#content.account {
height: 451px;
background: #fbfbfc;
}
#content.loadlist {
height: 517px;
background: #cdc;
}
#content.loadsetup {
width: 720px;
background: #cdc;
}
#content.trucklist {
height: 517px;
background: #ccd;
}
#content.trucksetup {
width: 720px;
background: #ccd;
}
#content.authorize {
background: #ededed;
}
#content h2 {
position: relative; top: 0; left: 0;
width: 640px;
padding: 10px 5px 5px 15px;
font-size: 16px;
color: #009;
}
#content.home h2 {
width: 813px; height: 25px;
margin: 0; padding: 6px 0 0 0;
font-size: 16px; font-weight: bold;
text-align: left; text-indent: 20px;
background: #696; color: black;
}
#content h3 {
width: 640px;
font-size: 14px;
} 
#content p {
width: 640px;
margin: 6px 20px 3px 15px;
}
#content.home p {
clear: both;
width: 540px;
margin: 6px 20px 3px 25px;
font-size: 13px;
}
.buttons {
margin: 5px 0 5px 180px;
}
#main {
width: 670px;
}
#main.home {
width: 600px; height: auto;
margin: 0; padding: 0;
}
#main.lot {
height: 670px;
}
#main.home .beta {
margin: 20px;
}
/* TABLES */
table a.tablelink {
margin: 0;padding: 0 3px;
font-size: 11px;
text-decoration: underline;
color: #00c;
}
table a.tablelink:hover {
color: #00c; background: #c1bfcf;
}
/* WEBSITE MANAGER TABLES */
/* pe_app_setup.css */
/* Load and Truck Tables */
/* pe_app_lot.css */

/* FORMS */
.field,
.fieldok,
.fielderror {
display: block;
clear: both;
width: 100%;
padding: 1px 0; /* SET TO ZERO FOR IE */
overflow: auto;
outline: none;
}
.field label,
.fieldok label,
.fielderror label {
display: block; float: left; clear: none;
width: 150px;
padding: 3px 3px 0 2px;
font-weight: bold;
text-align: right;
}
.field input,
.fieldok input,
.fielderror input {
display: block; float: left; clear: none;
width: 200px; height: 16px;
padding: 1px;
background: white; color: black;
border: solid 1px black;
}
.field input.dissed,
.fieldok input.dissed,
.fielderror input.dissed {
background: #ccc; color: black;
border: solid 1px #666;
}
.field input.narrow,
.fieldok input.narrow,
.fielderror input.narrow {
width: 80px;
}
.field select,
.fieldok select,
.fielderror select {
display: block; float: left; clear: none;
height: 20px;
padding: 1px;
background: white; color: black;
border: solid 1px black;
}
.field textarea,
.fieldok textarea,
.fielderror textarea {
display: block; float: left; clear: none;
width: 300px; height: 48px;
padding: 1px;
background: white; color: black;
border: solid 1px black;
}
.fielderror input,
.fielderror select,
.fielderror textarea {
color: #c00; background: #fdd;
}
.field span.note,
.fieldok span.note,
.fielderror span.note {
padding: 0 0 0 5px;
font-size: 11px;
}
.mainforms .terms {
position: relative; top: -3px; left: 0;
margin: 0 0 0 155px; padding: 5px 0 0 0;
font-size: 10px;
}
.mainforms .terms .cbox {
border: none;
cursor: default;
}
.mainforms .terms span {
position: relative; top: -2px; left: 0;
padding: 0 0 0 5px;
}
.mainforms .wdwstatusok, .mainforms .wdwstatuserror {
position: absolute; bottom: -20px; left: -3px; z-index: -1; /* -1 for IE */
width: 100%; height: 22px;
background: #dadada;
border: solid 3px #aaa; border-top: none; border-left: solid 3px #eee;
}
.mainforms .wdwstatusok .feedback, .mainforms .wdwstatuserror .feedback {
width: auto;
margin: 3px 2px 0 2px; height: 16px;
font-size: 11px; text-indent: 5px;
border-top: solid 1px #999; border-right: solid 1px #bbb; border-bottom: solid 1px #eee; border-left: solid 1px #aaa;
background: #dfdfdf;
}
.mainforms .wdwstatuserror .feedback {
background: #e3e3e3;
}
.mainforms .wdwstatusok .feedback span {
color: black;
}
.mainforms .wdwstatuserror .feedback span {
color: #900;
}
/* LOAD/TRUCK ENTRY/EDIT FORMS */
/* pe_app_lot.css */

/* ========================================= */
/* NAVIGATION FireFox and IE with no CC's!!!!*/
/* ========================================= */
#min {
clear: left;
width: 0; height: 2500px;
}
#nav {
position: absolute; top: 38px; left: 0; z-index: 0;
width: 120px;
margin: 0; padding: 0;
}
#nav.home {
top: 83px;
}
#nav ul.navlist {
position: absolute; top: 0; left: 0; z-index: 0;
width: 112px; height: 100%;
margin: 0; padding: 2px 7px 0 4px;
background: #c1bfcf url(../graphics/streaks.jpg) repeat top left;
}
#nav ul.navlist li {
display: block;
width: 110px; height: 24px;
margin: 0 0 2px 0; padding: 0;
text-align: center; text-indent: 25px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#nav ul.navlist li.up {
background: #d2d1d3 url(../graphics/ico_arrows.gif) no-repeat center left;
border: solid 2px #333; border-top: solid 2px #999; border-left: solid 2px #999;
}
#nav ul.navlist li.pressed {
background: #ffc url(../graphics/ico_arrows_here.gif) no-repeat center left;
border: solid 2px #666; border-bottom: solid 2px #f1f1e1; border-right: solid 2px #f1f1e1;
}
#nav ul.navlist li.dissed {
color: #ccc;
background: #999 url(../graphics/ico_arrows.gif) no-repeat center left;
border: solid 2px #666; border-top: solid 2px #ccc; border-left: solid 2px #ccc;
}
#nav ul.navlist li.loads {
background: #c2c1c3 url(../graphics/ico_loads.gif) no-repeat center left;
border: solid 2px #999;
}
#nav ul.navlist li.trucks {
background: #c2c1c3 url(../graphics/ico_trucks.gif) no-repeat center left;
border: solid 2px #999;
}
#nav ul.navlist li.nastc {
text-indent: 40px;
background: #c2c1c3 url(../graphics/ico_nastc.gif) no-repeat center left;
border: solid 2px #999;
}
#nav ul.navlist li#trucks {
position: relative; top: 125px; left: 0;
}
#nav ul.navlist li#nastc {
position: relative; top: 250px; left: 0;
}
#nav ul.navlist li .nobutton {
display: block;
width: 110px; height: 24px;
margin: 0 0 -2px 0; padding: 0 0 4px 0;
font-size: 14px; font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
cursor: default;
}
#nav ul.navlist li .nobutton span {
display: block; clear: both;
margin: -4px 0 0 0; padding: 0;
font-size: 10px;
}
#nav ul.navlist li a {
display: block;
width: 110px; height: 24px;
margin: 0 0 2px 0; padding: 4px 0 0 0;
font-size: 14px; font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
cursor: pointer;
}
#nav ul.navlist li a.here {
color: #339;
}
#nav ul.navlist li a.button span,
#nav ul.navlist li a.here span {
display: block;
width: 110px; height: 24px;
cursor: pointer;
}
#nav ul.navlist ul.subload {
padding: 2px 0;
background: #aca;
}
#nav ul.navlist ul.subtruck {
padding: 2px 0;
background: #aac;
}
#nav ul.navlist ul.subnastc {
padding: 2px 0;
background: #caa;
}
#nav ul.navlist ul.subload li,
#nav ul.navlist ul.subtruck li,
#nav ul.navlist ul.subnastc li {
width: 90px; height: 18px;
margin: 0 0 2px 16px; padding: 0;
text-indent: 0;
background-image: none;
}
#nav ul.navlist ul.subload li a,
#nav ul.navlist ul.subtruck li a,
#nav ul.navlist ul.subnastc li a {
display: block;
width: 90px; height: 18px;
margin: 0 0 2px 0; padding: 2px 0 0 0;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
}
#nav ul.navlist ul.subload li a span,
#nav ul.navlist ul.subtruck li a span,
#nav ul.navlist ul.subnastc li a span {
display: block;
width: 90px; height: 18px;
}
#nav ul.navlist li:hover {
background-color: #ffb;
}
#nav ul.navlist li.loads:hover,
#nav ul.navlist li.trucks:hover,
#nav ul.navlist li.nastc:hover {
background-color: #d2d1d3;
}
/* SW Minisearch */
#navarea #minisearch {
position: absolute; top: 410px; left: 5px;
width: 112px;
padding: 3px 0 7px 0;
background: #bfbfbf;
border: solid 1px #999;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#navarea #minisearch p {
width: 110px;
font-size: 11px;
color: #334;
text-align: center;
}
#navarea #minisearch input {
margin: 3px 0 0 5px;
width: 100px; height: 15px;
font-size: 10px;
text-align: center;
background: #f8f8f8; color: #667;
border: solid 1px #999;
}
#navarea #minisearch a {
display: block;
width: 100px; height: 14px;
margin: 2px auto; padding: 1px 0 0 0;
font-size: 10px; font-weight: bold;
text-align: center; text-decoration: none;
background: #dadada; color: #339;
border: solid 1px #333; border-top: solid 1px #999; border-left: solid 1px #999;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#navarea #minisearch a:hover {
background: #ededed; color: #00C;
}
/* SW Setup */
#swsetup {
position: absolute; top: 70px; left: 50px; z-index: 29;
width: 600px; height:205px;
padding: 0 0 15px 0;
background: #d8d8d8;
color: black;
border: solid 3px #aaa; border-top: solid 3px #eee; border-left: solid 3px #eee;
}
#swsetup h2 {
width: 590px; height: 22px;
margin: 0 0 0 0; padding: 7px 0 0 10px;
font-size: 14px;
background: #d1d1d1; color: #006;
border-bottom: solid 1px #003;
}
#swsetup h4 {
clear: both;
width: 240px;
margin: 10px 0 5px 10px;
}
#swsetup #swacct {
margin: 5px 0 0 20px;
}
#swsetup #swacct .fieldok, #swsetup #swacct .fielderror {
clear: both;
width: 250px;
}
#swsetup #swacct label {
width: 60px;
font-size: 10px;
}
#swsetup #swacct input {
width: 120px;
background: #f1f1f1; color: #999;
}
#swsetup a.trial {
display:block;
float:left;
clear:both;
margin:5px 0 10px 10px;
font-size:12px;
font-weight:bold;
padding:3px 14px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:4px;
-moz-box-shadow:0 0 4px #222;
-webkit-box-shadow:0 0 4px #222;
box-shadow:0 0 5px #222;
text-shadow:0 -1px 0 #424f1e;
text-transform:uppercase;
text-decoration:none;
background:url(../graphics/button-bg.gif) 0 bottom repeat-x;
color:white;
cursor:pointer;
}
#swsetup a.trial:hover {
background:#9fb762;
text-shadow:0 -1px 0 #77884a;
}
#swsetup .buttonrow {
margin: 5px 0 15px 60px;
width: 195px;
}
#swsetup .buttonrow a.button {
font-size:10px;
font-weight:bold;
padding:3px 8px;
margin: 0 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:4px;
-moz-box-shadow:0 0 2px #222;
-webkit-box-shadow:0 0 2px #222;
box-shadow:0 0 3px #222;
text-shadow:0 -1px 0 #424f1e;
text-transform:uppercase;
text-decoration:none;
background:url(../graphics/button-bg.gif) 0 bottom repeat-x;
color:white;
position: relative;
top: 5px;
}
#swsetup .buttonrow a.button:hover {
background:#9fb762;
text-shadow:0 -1px 0 #77884a;
}
#swsetup .siteinfo {
position: absolute; top: 40px; right: 10px;
width: 330px;
margin: 0 5px 5px 0; padding: 2px 0 8px 0;
background: white;
border: solid 1px black;
}
#swsetup .siteinfo p {
width: 310px;
margin: 5px 10px 2px 12px; padding: 0;
font-size: 13px;
}
#swsetup .siteinfo ul {
list-style-type: circle;
width: 290px;
margin: 5px 10px 10px 35px; padding: 0;
font-size: 11px; font-weight: normal;
}
#swsetup #peswsDone {
position: absolute; top: 30px; left: 0px;
width: 250px; height: 180px;
background: #d8d8d8;
}
/* SYSTEM Links */
#grizlogo {
position: absolute; top: 2px; right: 5px; z-index: 0;
width: 105px; height: 30px;
background: transparent url(../graphics/logo_grizella_sm.gif) no-repeat top right;
}
#grizlogo.index {
top: 47px; right: 5px;
}
#sys {
position: absolute; top: 3px; right: 116px; z-index: 0;
width: 440px; height: 40px;
margin: 0; padding: 0 0 5px 0;
}
#sys.index {
right: 5px;
}
#sys ul {
clear: both;
list-style-type: none;
width: 440px;
padding: 1px 0 0 0;
font-size: 11px; font-weight: bold;
}
#sys ul li {
padding: 0 0 0 3px;
float: right;
}
#sys ul li span {
display: none;
}
#sys ul#comTrace {
position: absolute; top: 33px; right: -110px; z-index: 0;
padding: 2px 0 0 5px;
width: 75px;
}
a.sys:link, a.sys:visited {text-decoration: underline; font-size: 11px; color: #009;}
a.sys:hover, a.sys:active {text-decoration: underline; font-size: 11px; color:#00F; background: #FFD;}
/* ACTION BUTTONS */
#act {
width: 690px;
}
#act.multi {
height: 40px;
}
#act ul {
padding: 0 0 0 4px;
}
#act ul li {
float: left;
margin: 0; padding: 3px 0 2px 0;
}
#act ul li a.button {
display: block; float: left; clear: none;
margin: 0 2px 0 0; padding: 1px 5px;
font-size: 11px; font-weight: bold;
text-decoration: none;
color: black; background: #e1dfef;
border: solid 2px #666; border-top: solid 2px #999; border-left: solid 2px #999;
}
.trucklist #act ul li a.button {
background: #e1ecdf;
}
#act ul li a.button:hover {
color: black; background: #ffc;
}
#act ul li.statgo { /* statistics disply */
margin: 4px 2px 0 0; padding: 3px 5px 2px 15px;
font-size: 14px; font-weight: bold;
color: #060;
}
#act ul li.statgo span {
color: #060;
}
#act ul li.statoff { /* statistics disply */
margin: 4px 2px 0 0; padding: 4px 5px 2px 15px;
font-size: 12px; font-weight: bold;
color: #900;
}
#act ul li.statoff span {
color: #900;
}
#act ul li.statdown { /* statistics disply */
margin: 4px 2px 0 0; padding: 4px 5px 2px 15px;
font-size: 12px; font-weight: bold;
color: #333;
}
#act ul li.statdown span {
color: #333;
}
#act .actions {
display: block; float: left; clear: none;
width: 140px; height: 18px;
margin: 4px 0 0 0; padding: 1px 0 0 2px;
font-size: 11px;
background: white;
cursor: pointer;
}
#act .links {
float: right; clear: none;
margin: 5px 30px 0 0;
}
#act .links a {
padding: 0 5px;
font-size: 10px; font-weight: bold;
}
/* LOGIN */
#loginbox {
float: left; clear: both;
width: 275px;
margin: 15px 0 25px 120px; padding: 5px 0 0 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0 0 3px #666;
-webkit-box-shadow:0 0 3px #666;
box-shadow:0 0 4px #666;
background: #ffd;
border: solid 2px #696;
font-size: 14px;
}
#loginbox h5 {
margin: 2px 0 3px 0; padding: 0;
text-indent: 15px;
font-size: 12px;
color: #060;
cursor: default;
}
#loginbox #forgot {
float: left;
width: 200px;
margin: -11px 0 0 0; padding: 0 0 0 65px;
font-size: 9px;
}
#loginbox form {
margin: 10px 0 0 0;
}
#loginbox .field {
padding: 0 0 1px 0;
clear: left;
}
#loginbox .field span {
margin: 0; padding: 0 0 0 5px;
font-size: 11px;
cursor: default;
}
#loginbox input {
width: 150px;
background: white;
border: solid 1px #696;
}
#loginbox input.cbox {
width: 16px; height: 16px;
padding: 0;
background: transparent;
border: none;
cursor: default;
}
#loginbox label {
width: 75px;
padding: 4px 4px 0 0;
font-size: 11px;
}
#loginbox .buttons {
margin: -10px 0 5px 168px;
}
#loginbox .buttons a.button {
height: 30px;
margin: 2px 0 2px 11px; padding: 3px 10px;
font-size: 12px; font-weight: bold;
text-decoration: none;
border: solid 1px #696;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0 0 4px #666;
-webkit-box-shadow:0 0 4px #666;
box-shadow:0 0 4px #666;
background: #effee1; color: #009;
}
#loginbox .buttons a.button:hover {
background: #FFD; color: #009;
}
#loginbox .feedback {
padding: 7px 5px 3px 5px;
font-size: 12px; font-weight: bold;
color: #C00;
}
/* SET BOOKMARK OR (IE) ADD TO FAVORITES */
#content.home #bkmrk {
width: 560px; height: 25px;
background: #ffc;
margin: 10px 0 0 10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#content.home #fav {
position: absolute; top: 40px; left: 10px;
width: 560px; height: 20px;
background: #ffc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#content.home #bkmrk p {
margin: 0; padding: 4px 0;
text-indent: 15px;
}
#content.home #fav p {
margin: 0; padding: 3px 0 2px 0;
text-indent: 5px;
background: #ffc;
}
#bkmrk a, #fav a {
font-weight: bold;
}
#content.home #bkmrk p span, #content.home #fav p span {
font-size: 10px;
}
/* FORGOT PASSWORD WINDOW */
#loginForgot {
position: absolute; top: 112px; left: 90px; z-index: 23;
width: 360px;
background: #d8d8d8; color: black;
border: solid 3px #aaa; border-top: solid 3px #eee; border-left: solid 3px #eee;
}
#loginForgot h4 {
width: 350px; height: 20px;
margin: 0 0 5px 0; padding: 7px 0 0 10px;
font-size: 12px;
background: #d1d1d1; color: #060;
border-bottom: solid 1px #060;
}
#content #loginForgot p {
width: 335px;
font-size: 12px;
margin: 5px 0 3px 15px;
}
#loginForgot label {
width: 90px;
padding: 4px 4px 0 0;
font-size: 11px;
}
#loginForgot .buttons {
margin: 15px 0 15px 143px;
}
#loginForgot .buttons a.button {
height: 30px;
margin: 2px; padding: 3px 6px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #e1dfef; color: #009;
border: solid 2px #565486; border-top: solid 2px #f1f1f1; border-left: solid 2px #f1f1f1;
}
#loginForgot .buttons a.button:hover {
background: #00c; color: #e1dfef;
}
/* CREATE ACCOUNT WINDOW */
#acctForm {
position: absolute; top: 0; left: 0; z-index: 24;
width: 510px;
background: #d8d8d8; color: black;
border: solid 3px #aaa; border-top: solid 3px #eee; border-left: solid 3px #eee;
}
#acctForm.create {
top: -70px; left: -5px;
}
#acctForm.edit {
top: -35px; left: -5px;
}
#acctForm.posting {
top: 0; left: 0;
}
#acctForm h4 {
width: 500px; height: 20px;
margin: 0 0 5px 0; padding: 7px 0 0 10px;
font-size: 12px;
background: #d1d1d1; color: #060;
border-bottom: solid 1px #060;
}
#acctForm h5 {
margin: 5px 0 0 155px;
font-size: 12px;
color: #009;
}
#acctForm #state.fieldok input,
#acctForm #state.fielderror input {
width: 50px;
}
#acctForm #zip.fieldok,
#acctForm #zip.fielderror {
position: relative; top: -22px; left: 215px;
margin-bottom: -22px;
width: 175px;
}
#acctForm #zip.fieldok label,
#acctForm #zip.fielderror label {
width: 55px;
}
#acctForm #zip.fieldok input,
#acctForm #zip.fielderror input {
width: 80px;
}
#acctForm .fieldok select,
#acctForm .fielderror select {
width: 200px;
}
#acctForm .fieldok .fldstatusok, #acctForm .fielderror .fldstatusok,
#acctForm .fieldok .fldstatuserror, #acctForm .fielderror .fldstatuserror {
display: block; float: left; clear: none;
margin: 0; padding: 0;
width: 0; height: 20px;
background: transparent;
}
#acctForm .fieldok .fldstatuserror, #acctForm .fielderror .fldstatuserror {
width: 10px;
background: transparent url(../graphics/icon_bang.gif) no-repeat top left;
}
#acctForm .field { /*  Confirm Posting Info  */
height: 16px;
}
#acctForm.posting .field { /* for IE */
overflow-y: hidden;
}
#acctForm .field label { /*  Confirm Posting Info  */
width: 200px;
font-size: 11px;
}
#acctForm .field .data { /*  Confirm Posting Info  */
display: block; float: left; clear: none;
margin: 3px 0 0 0; padding: 0;
width: auto; height: 16px;
font-size: 11px;
}
#acctForm .postingtext { /*  Confirm Posting Info  */
margin: 2px 0 3px 25px;
width: 440px;
font-size: 13px;
}
#acctForm .note {
display: block; float: left; clear: none;
margin: 5px 0 0 0;
}
#content #acctForm .formtext {
margin: 0 0 0 160px;
font-size: 11px;
width: 300px;
}
#acctForm.create .buttons {
margin: 10px 0 15px 253px;
}
#acctForm.edit .buttons {
margin: 10px 0 15px 253px;
}
#acctForm.posting .buttons {
margin: 15px 0 15px 205px;
}
#acctForm .buttons a.button {
height: 30px;
margin: 2px; padding: 3px 6px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #e1dfef; color: #009;
border: solid 2px #565486; border-top: solid 2px #f1f1f1; border-left: solid 2px #f1f1f1;
}
#acctForm .buttons a.button:hover {
background: #00c; color: #e1dfef;
}
/* ACCOUNT SUCCESS WINDOW */
#accSuccess {
position: absolute; top: 90px; left: 100px; z-index: 33;
width: 360px;
padding: 0 0 5px 0;
background: #d8d8d8; color: black;
border: solid 3px #aaa; border-top: solid 3px #eee; border-left: solid 3px #eee;
}
#accSuccess h4 {
width: 350px; height: 20px;
margin: 0 0 5px 0; padding: 7px 0 0 10px;
font-size: 12px;
background: #d1d1d1; color: #060;
border-bottom: solid 1px #060;
}
#content #accSuccess p {
width: 335px;
font-size: 12px;
margin: 5px 0 3px 15px;
}
#accSuccess .buttons {
margin: -10px 0 15px 223px;
}
#accSuccess .buttons a.button {
height: 30px;
margin: 2px; padding: 3px 6px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #e1dfef; color: #009;
border: solid 2px #565486; border-top: solid 2px #f1f1f1; border-left: solid 2px #f1f1f1;
}
#accSuccess .buttons a.button:hover {
background: #00c; color: #e1dfef;
}
/* CONTACT */
#contactbox {
position: relative; top: 5px; left: 80px;
width: 422px; height: 302px;
margin: 2px 0; padding: 0 2px;
border: solid 1px #334;
background: #ffd;
}
#contactbox h5 {
margin: 2px 0; padding: 0 0 0 105px;
font-size: 12px;
color: #009
}
#contactbox form {
margin: 10px 0 0 0;
}
#contactbox .field {
clear: left;
}
#contactbox .field span {
margin: 0; padding: 0 0 0 5px;
font-size: 11px;
}
#contactbox input {
width: 200px;
}
#contactbox textarea {
width: 280px; height: 120px;
background: white;
border: solid 1px #334;
}
#contactbox label {
width: 100px;
padding: 4px 4px 0 0;
font-size: 11px;
}
#contactbox .buttons {
margin: 20px 0 5px 230px;
}
#contactbox .buttons a.button {
height: 30px;
margin: 2px; padding: 3px 6px;
font-size: 13px; font-weight: bold;
text-decoration: none;
background: #e1dfef; color: #009;
border: solid 2px #565486; border-top: solid 2px #f1f1f1; border-left: solid 2px #f1f1f1;
}
#contactbox .buttons a.button:hover {
background: #00c; color: #e1dfef;
}
/* POP POSTING DETAILS */
#popposting {
position: absolute; top: 0; left: 0; z-index: 0;
width: 100%; height: 400px;
background: white;
}
#popposting h1 {
margin: 0; padding: 2px 0 3px 10px;
font-size: 18px; font-style: italic; font-variant: small-caps;
background: #006; color: white;
}
#popposting .echofield {
width: 100%;
}
#popposting .echofield label {
width: 120px;
padding: 0 5px 0 0;
font-size: 12px; font-weight: bold;
color: #006;
text-align: right;
}
#popposting .echofield span {
}
#popposting p.close {
margin: 20px 20px 10px 0;
text-align: right;
}

/* Add/Edit Email Address */
#addemail, #editemail {
position: absolute; top: 20px; left: 60px; z-index: 4;
width: 500px;
padding: 10px;
background: #ffffda; color: black;
border: solid 3px #393;
}
#addemail h4, #editemail h4 {
width: 400px;
margin: 5px 0 3px 10px;
font-size: 14px;
}
#addemail p, #editemail p {
width: 480px;
margin: 5px 0 3px 10px;
}
#addemail div.buttons, #editemail div.buttons {
clear: both;
padding: 10px 0;
text-align: right;
}
#addemail a.button, #editemail a.button {
margin: 0 5px 0 0; padding: 2px 5px;
font-size: 12px; font-weight: bold;
text-decoration: none;
color: black; background: #e1dfef;
border: solid 2px #666; border-top: solid 2px #999; border-left: solid 2px #999;
}

/* GL Account Report and Approval Page */
#gl_report {
}
#gl_report .row {
width:100%;
clear:both;
margin:2px 5px
}
#gl_report .row span {
display:block;
float:left;
clear:none;
width:60px;
margin:0 3px;
}
#gl_report .row span.norm {
width:100px;
}
#gl_report .row span.long {
width:250px;
}
#gl_report .row span.done {
height:15px;
background:blue;
color:white;
font-size:13px;
font-weight:bold;
text-align:center;
}

#approvalForm {
margin: 2px 0 0 20px;
}
#approvalForm h3 {
margin: 2px 0;
font-size: 13px;
color: #009;
}
#approvalForm p {
margin: 2px 0;
}
#approvalForm .label {
display: block; float: left; clear: none;
width: 150px;
margin: 0 3px 0 0;
font-weight: bold;
text-align: right;
}
#approvalForm textarea {
width: 400px; height: 60px;
}
#approvalForm div.buttons {
clear: both;
margin: 0 0 0 210px; padding: 10px 0;
}
#approvalForm a.button {
margin: 0 5px 0 0; padding: 2px 5px;
font-size: 12px; font-weight: bold;
text-decoration: none;
color: black; background: #e1dfef;
border: solid 2px #666; border-top: solid 2px #999; border-left: solid 2px #999;
}
#approvalForm .feedback {
padding: 5px 0;
font-size: 12px; font-weight: bold;
color: #C00;
}
/* SIDEBAR */
#side {
position: absolute; top: 7px; left: 610px; z-index: 1;
width: 121px;
float: left;
margin: 0;
}
#side.home {
position: absolute; top: 50px; left: 657px; z-index: 1;
width: 140px;
float: left;
margin: 0;
}
#side.home span {
display: none;
}
#sidesw {
width: 120px; height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/SaferWatch2.gif) no-repeat top left;
}
#sidegl {
width: 120px; height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/3pb/GetLoaded.gif) no-repeat top left;
}
#sidetms {
width: 120px; height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/TMS-Ad.gif) no-repeat top left;
}
#sidepep {
width: 120px; height: 240px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/pep.gif) no-repeat top left;
}
#side span {display: none;}
#main.home .powerpost {
width: 468px; height: 60px;
margin: 20px 0 10px 20px; padding: 0;
background: transparent url(../graphics/powerposter.gif) no-repeat top left;
}
/*FLOOR */
#floor {
display: block;
position: fixed; bottom: 0; left: 0; z-index: 1;
width: 100%; height: 40px;
background: #89d;
border-top: solid 2px #334;
}
#floor #tia {
position: absolute; top: 3px; left: 20px; z-index: 1;
width: 40px; height: 35px;
margin: 0; padding: 0;
background: transparent url(../graphics/logo_tia_member_sm.gif) no-repeat top left;
}
#floor #tiaindex {
position: absolute; top: 3px; right: 15px; z-index: 1;
width: 40px; height: 35px;
margin: 0; padding: 0;
background: transparent url(../graphics/logo_tia_member_sm.gif) no-repeat top left;
}
#floor #bbb {
position: absolute; top: 3px; left: 15px; z-index: 1;
width: 93px; height: 35px;
margin: 0; padding: 0;
background: transparent url(../graphics/logo_bbb_accredited.gif) no-repeat top left;
}
#floor #btba {
position: absolute; top: 1px; left: 123px; z-index: 1;
width: 820px; height: 40px;
margin: 0; padding: 0;
}
#floor #btba div {
width: 820px;
margin: 0; padding: 5px 0 0 0;
text-align: center;
}
#floor #btba div a {
margin: 0 20px;
}
#floor #grizella { 
display: none; /* NOT IN USE */
}
#floor span {display: none;}
/* GENERAL */
.x { /* window closer */
position: absolute; top: 5px; right: 5px; z-index: inherit;
width: 16px; height: 17px;
font-size: 15px; font-weight: bold;
text-align: center;
background: #C22; color: white;
border: solid 1px #E22; border-bottom: solid 1px #A22; border-right: solid 1px #A22; 
}
.x:hover {
background: #E22;
}
.x a { /* window closer link */
display: block;
text-decoration: none;
color: white;
}
#preload { /* preload progress graphic */
position: absolute; top: 1460px; left: 120px;
}
.clear {
width: 100%; height: 0;
clear: both;
overflow: hidden;
}
.on {
visibility: visible;
}
.alttext, .block, .off {
display: none;
}
.hide { /* Preserves Space on Page */
visibility: hidden;
}