.list { overflow: hidden; list-style-type: none; border-top: 3px solid #000; margin: 0 0 15px 0; padding: 0 0 0 0; font-size: 12px; clear: both; }
.list li { margin: 0 0 0 0; padding: 5px 0 6px 0; border-bottom: 1px solid #bbb; border-top: 1px solid #fff; float: left; width: 230px; background: #eee; height: 52px; overflow: hidden; }
.list li a { color: #000; display: block; text-decoration: none; }
.list li .right { float: right; }
.list .photo { border: 1px solid #444; float: left; margin: 0 0 1px 0; width: 50px; height: 50px; }
.list .title { margin: 0 0 0 58px; }
.list h3 { margin: 0 0 0 58px; padding: 0; color: #333; }
.list .phone { margin: 5px 0 0 58px; font-size: 13px; font-family: verdana; font-weight: bold; color: #0066CC; }

.submit { margin: 14px 0 0 0; float: right; }
.q { width: 240px; }

.directory td { font-size: 14px; font-family: arial, helvetica; }
.directory .photo { border-top: 1px solid #777; border-left: 1px solid #777; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

/* ----------- Public Employee Directory ------------------- */

#phead { margin: 20px 10px 10px 10px; }
#phead h2 { font-size: 24px; color: #005daa; font-family: tahoma; }
#phead .links { float: left; font-size: 14px; color: #005daa; padding-top: 3px; }
#phead .links a { color: #005daa; }
#phead form { overflow: hidden; float: right; }
#phead form ul { list-style-type: none; overflow: hidden; }
#phead form ul li { float: left; padding-left: 10px; }
#phead form ul li h3 { font-size: 11px; color: #000; font-weight: bold; margin-bottom: 2px; }
#progress { width: 20px; height: 20px; }

.plist { margin: 10px; overflow: hidden; width: 878px; }
.plist .pages { list-style-type: none; overflow: hidden; margin: 10px 0 10px 0; float: right; }
.plist .pages li { float: left; padding: 0 10px 0 0; font-size: 16px; }
.plist .pages li a { color: #000; text-decoration: none; }
.plist .pages .total { font-weight: bold; color: #000; }
.plist .pages li .on { color: #990000; font-weight: bold; }
.plist table  { width: 100%; margin: 5px 0 10px 0; clear: both; }
.plist table tr th { text-align: left; font-weight: bold; background: #005daa; color: #fff; font-size: 13px; padding: 2px 2px 2px 2px; }
.plist table tr td { padding: 2px 0 2px 0; border-bottom: 1px dashed #bbb; background: #eee; }
.plist table tr td a img { width: 22px; height: 22px; margin-right: 7px; }
.plist table tr td a { color: #000; text-decoration: none; font-size: 14px; }

.grid { overflow: hidden; list-style-type: none; border-top: 4px solid #005daa; margin: 0px 0 15px 0; padding: 0 0 0 0; font-size: 12px; clear: both; width: 100%; }
.grid li { margin: 0 0 0 0; padding: 5px 0 6px 0; border-bottom: 1px dashed #999; border-top: 1px solid #fff; float: left; width: 292px; background: #eee; height: 92px; overflow: hidden; }
.grid li a { color: #000; display: block; text-decoration: none; }
.grid li .right { float: right; }
.grid .photo { border: 1px solid #000; float: left; margin: 0 0 1px 0; width: 90px; height: 90px; }
.grid .title { margin: 0 0 0 100px; }
.grid .tags { margin: 5px 0 0 100px; font-size: 11px; color: #777; }
.grid .bday { margin: 2px 0 0 100px; font-size: 11px; color: #777; height: 13px; }
.grid h3 { margin: 0 0 0 100px; padding: 0; color: #333; font-size: 16px; }
.grid .phone { margin: 5px 0 0 100px; font-size: 14px; font-family: tahoma; font-weight: bold; color: #0066CC; }

#invalid { padding: 30px; margin: auto; text-align: center; font-size: 20px; color: #900; font-weight: bold; }