body {margin: 0; background-color: #fff; color: #333;}
body, p, ol, ul, td {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 14px}
pre {background-color: #eee; padding: 10px; font-size: 11px}
a {color: #666; text-decoration: underline}
a:visited {color: #666}
a:hover {color: #000; text-decoration: underline }
.fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {background-color: #ffdfdf; border: 1px solid #ff0000}
#errorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
div.uploadStatus {margin: 5px}
div.progressBar {margin: 5px}
div.progressBar div.border {background-color: #fff; border: 1px solid grey; width: 100%}
div.progressBar div.background {background-color: #333; height: 18px; width: 0%}
.warning {color: red}
.notice {color: green}
.list-tbl {width: 100%; border-collapse: collapse; border: 1px solid #eee; margin: 0;}
.list-tbl th {background-color: #ddd; font-size: 10px; font-weight: bold; text-align: left; padding: 6px 2px; border: 1px solid #eee}
.list-tbl th a, .list th a:hover {color: #000; text-decoration: underline;}
.list-tbl td {padding: 4px 4px 8px 4px; border: 1px solid #eee; font-size: 11px;}
.odd {background-color: #f9f9f9}
.even {background-color: #fff}
#top-nav {width: 100%; border-collapse: collapse; margin: 0; padding: 0; background: url(/images/topnav-bg.png) repeat-x top left;}
#topnav-search-td {padding: 15px 20px 15px 20px;}
#topnav-search-td input {padding: 1px;}
#topnav-search-td select {padding: 0 2px 0 0;}
.pagination {width: 100%; margin: 2px 0 6px 0}
.pagination td {padding: 6px 4px}
.form-display {margin: 2px 0}
.form-display td {padding: 2px 2px 2px 0}
.details {width: 780px; border: 1px solid #eee; border-collapse: collapse; margin: 2px 0 15px 0}
.details td {padding: 4px 4px 8px 4px; border: 1px solid #eee}
.context-menu {width: 780px; margin: 2px 0;}
.context-menu td {padding: 4px 0 6px 0}
.watch {color: green}
hr {margin: 0 auto 0 0; text-align: left; border: none 0; border-top: 1px solid #ccc; width: 80%; height: 1px;}
h3 {padding: 2px; font-size: 14px; width: 780px; margin: 30px 0 10px 0}
#login td {padding: 2px}
input, select, textarea, checkbox {font-family: verdana, helvetica, sans-serif; margin: 2px 0; padding: 1px; font-size: 11px}
#password, #email_address {width: 150px}
.label-col {width: 780px}
h2 {font-size: 12px; margin: 25px 0 15px 0}
.form-tbl {width: 780px; background-color: #fff; border: 1px solid #eee; margin: 20px 0}
.form-tbl td {padding: 4px 2px}
tr.divider td {border-top: 1px solid #eee; padding: 8px 4px}
ul {margin: 0; padding: 0; list-style: none;}
li {padding: 2px; margin: 0}
.control {width: 780px; background-color: #f9f9f9; border: 1px solid #eee; margin: 10px 0; padding: 2px}
.prev-next {display: inline; padding: 0}
.prev-next ul {margin: 0; padding: 0; text-align: right; font-size: 11px}
.prev-next li {list-style-type: none; display: inline; padding-bottom: 1px}
.prev-next a, prev-next a:visited {padding: 0 2px}
.prev-next li.currentpage {font-weight: bold}
.prev-next li.disablepage {padding: 0 2px}
* html .prev-next li.currentpage, * html .prev-next li.disablepage {margin-right: 2px; padding-right: 0}
.notes {width: 780px; padding: 0; margin: 0 0 10px 0; background-color: #f9f9f9; border: 1px solid #eee; word-wrap: break-word; overflow: auto}
.notes p {padding: 4px; margin: 2px 0}
.note {width: 99%}
.note-header {width: 780px; padding: 2px 1px; margin 5px 0 0 0; background-color: #ccc; color: #fff; font-weight: bold}
.yellow {background-color: #ffffbb}
.orange {background-color: #ffc68c}
.red {background-color: #ff9191}
.deleted {color: #ccc; text-decoration: line-through}
.urgent {font-weight: bold; color: red}
.closed {color: #bbb}
.void {color: red;}
.void span.editable-content {text-decoration: line-through;}
#main-urg, #main-una, #main-mti, #main-mta, #main-mca, #main-mgti, #main-mgta, #main-mwat, #main-msct {margin: 20px 0 30px 0 !important;}
#hd {background: url(/images/top_nav_bg.gif) repeat-x top left; height: 30px}
#hd ul {margin: 0; padding: 0; width: 790px}
#hd ul li {display: inline; list-style: none; margin: 0; padding: 0}
#hd ul li a {float:left; color: #fff; display: block; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 20px; margin: 0; padding: 6px 18px 2px 18px; text-align: center; text-decoration: none; text-transform: uppercase; }
#hd ul li a#current, #top-nav ul li b a {background-color: #d3220c; color: #fff}
#hd ul li a:hover {background-color: #666}
#top-menu {background-image: url(/images/top_nav_bg.gif); background-repeat: repeat-x; height: 30px}
#navtop td {padding: 0;}
#logo {padding: 24px 8px 20px 10px;}
.nb {font-size: 14px; color: #333; font-weight: bold; margin: 20px 0 15px 0}
.rd {font-size: 14px; color: red; font-weight: bold; margin: 0 0 15px 0}
a.btn, a.btn:hover {color: #777; padding: 4px 12px; border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #999; border-left: 1px solid #999; margin: 2px; background: url(/images/bg_menu.png) repeat-x top left; text-decoration: none; font-weight: bold}
a.btn:hover {color: #000}
a.t-btn, a.t-btn:hover {color: #000; font-size: 12px; display: block; width: 146px; height: 42px; vertical-align: middle; text-align: center; margin: 0; padding: 10px 0 2px 0; background: url(/images/btn.png) no-repeat top left; text-decoration: none; font-weight: bold}
.pgbtn {width: 100%; margin: 0;}
.pgbtn td.pg {padding: 0 0 10px 0;}
.highlight {border: 1px solid #666; padding: 1px}
.history-list {width: 780px; border-collapse: collapse; margin: 0 0 5px 0; border: solid 1px #eee; background-color: #f9f9f9}
.history-list td {padding: 1px 4px 1px 8px;}
.history-list td.bd {padding: 8px;}
.top-row td {padding-top: 4px;}
.bottom-row td {padding-bottom: 8px;}
.bd-div {background-color: #fff; border: 1px solid #eee; padding: 4px;}
ul.history {margin: 6px 0 20px 4px; width: 780px}
ul.history li {padding: 4px 10px 0 10px; margin: 0 0 0 10px; background: transparent url(/images/arrow_sm.gif) no-repeat 1px 9px;}
h2.history-header {background-color: #eee; padding: 6px 0; margin: 20px 0 0 0; font-size: 11px; color: #999; width: 780px;}
.nte {background: url(/images/note-txt.png) no-repeat 4px 0px;}
.eml {background: url(/images/mail.png) no-repeat 4px 0px}
.mod {background: url(/images/preferences.png) no-repeat 4px 0px}
.dsc {background: url(/images/clipboard.png) no-repeat 4px 0px}
.show-list {width: 780px; border-collapse: collapse}
.show-list th {text-align: left; font-size: 10px; padding: 4px 0;}
.show-list td {padding: 4px 2px}
#legend {margin: 10px 0 15px 0; text-align: right}
#legend span {font-size: 10px;}
#legend span.cap {font-weight: bold; font-size: 11px;}
.h-item {width: 778px; margin: 0 0 5px 0; border: solid 1px #eee; background-color: #f9f9f9; padding: 0 0 6px 0}
.h-bd {background-color: #fff; border: 1px solid #eee; padding: 4px; margin: 8px; word-wrap: break-word; overflow: auto;}
.h-row {margin: 4px 8px;}
.lbl {font-weight: bold}
.cont {position: absolute; left: 120px}
#wrapper {margin: 15px 0 30px 0; padding: 0 10px;}
.filter-box {width: 100%; border-collapse: collapse; margin: 0;}
.filter-box td {padding: 2px; border: none;}
.filter-box label {font-size: 10px; font-weight: bold}
.filter-box .btm-row td {border-top: 1px solid #eee; padding: 8px 2px 4px 2px;}
.filter-box ul {margin: 0; padding: 0;}
.filter-box li {list-style: none; margin: 2px 0;}
.filter-box img {margin: 0 4px}
#toptop {background: url('/images/bottomBg.gif') repeat-x top left; padding: 0; height: 9px}
form.inl {display: inline; margin: 0; padding: 0;}
.search-list {width: 780px; margin: 0 0 20px 0}
h2.search-head {font-size: 12px; margin: 6px 0 6px 0; font-weight: bold;}
.search-desc {font-size: 11px; margin: 4px 0; line-height: 16px; word-wrap: break-word; overflow: auto;}
.search-btm {font-size: 9px; color: #777}
.search-rd {font-size: 9px; color: #cc0000}
.search-sub {font-size: 9px; font-weight: bold;}
.search-list li {margin: 5px 0 5px 0; padding: 4px 0 8px 0;}
#search-box {width: 240px; padding: 2px; text-align: left;}
#search-box div {padding: 2px 0 0 0; margin: 0}
#search-box label {font-size: 10px; font-weight: bold; padding: 0 0 4px 0; vertical-align: middle}
input.shdw {background: url(/images/shadow.gif) no-repeat top left; font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #000; height: 16px; width: 180px; border: 1px solid #333; padding: 2px }
input.sbmt {color: #777; font-family: verdana, helvetica, sans-serif; font-weight: bold; padding: 1px 1px 2px 1px;}
.tps {font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #000; height: 19px; width: 80px; border: 1px solid #333; padding: 2px; margin: 1px 0 0 0}
#footer {width: 100%; height: 80px; background: url(/images/footer-bg.png) repeat-x top left;}
.generic {margin: 10px 0}
#page-header {width: 100%; margin: 0; background: url(/images/bg_gray.gif) repeat-x top left; border-bottom: 1px solid #eee;}
#page-header td {padding: 20px 8px 15px 0;}
#page-header h1 {display: inline; font-size: 20px; margin: 0 15px;}
#summary {width: 400px;}
#summary {margin: 15px 0 10px 0}
#summary table {width: 400px; background: transparent; padding: 4px}
#summary table td {padding: 1px; font-size: 10px;}
#summary table td a {font-weight: normal;}
.ntu a {text-decoration: none;}
.ntu a:hover {text-decoration: underline;}
form.inplaceeditor-form {display: inline; margin: 0; padding: 0}
form.inplaceeditor-form span {text-decoration: none;}
form.inplaceeditor-form input[type="text"] {padding: 2px; font-size: 11px; border: 1px solid #ccc; font-family: verdana, helvetica, sans-serif}
form.inplaceeditor-form textarea {margin: 2px 4px; padding: 1px; font-size: 11px; font-family: verdana, helvetica, sans-serif; width: 90%}
form.inplaceeditor-form select {font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #000; font-weight: normal; text-decoration: none}
form.inplaceeditor-form input[type="submit"] {color: #777; font-family: verdana, helvetica, sans-serif; font-weight: bold; padding: 1px 1px 2px 1px; margin: 0 6px 1px 6px}
form.inplaceeditor-form a {font-size: 10px; font-weight: bold}
.inplaceeditor-saving {font-size: 11px; font-weight: normal; color: green; text-decoration: none !important;}
.inplaceeditor-loading {font-size: 11px; font-weight: normal; color: green; text-decoration: none;}
div.editable_content p {margin: 0; padding: 0; text-decoration: none;}
#hh {display: none;}
.dlbl {padding: 0 10px; font-size: 9px; color: #666;}
.old {background-color: #fbfbfb}
.new {background-color: #fff}
.validation-advice {color: #ff0000;}
#help {width: 780px; margin: 20px 0 0 0}
h1.help-head {font-size: 16px; font-weight: bold; margin: 15px 0 10px 0;}
.srch {padding: 2px}
.roundedcornr_box {background: #ffffff url(/images/roundedcornr_grad.gif) repeat-x top left}
.roundedcornr_top div {background: url(/images/roundedcornr_tl.gif) no-repeat top left}
.roundedcornr_top {background: transparent url(/images/roundedcornr_tr.gif) no-repeat top right}
.roundedcornr_bottom div {background: url(/images/roundedcornr_bl.gif) no-repeat bottom left}
.roundedcornr_bottom {background: transparent url(/images/roundedcornr_br.gif) no-repeat bottom right}
.roundedcornr_top div, .roundedcornr_top_, .roundedcornr_bottom div, .roundedcornr_bottom {width: 100%; height: 10px; font-size: 1px}
.roundedcornr_content {margin: 0 10px;}
#add-note, #send-email, #attach-file {display: none; z-index: 1000; border: 1px solid #666; background-color: #fbfbfb; position: absolute; left: 45px; top: 250px; width: 700px; padding: 0}
#add-note form, #send-email form, #attach-file form {margin: 0}
.pwt {width: 100%; padding: 0; border-collapse: collapse; cursor: move;}
.pwt td {background-color: #eee; border-bottom: 1px solid #ccc; padding: 4px; margin: 0;}
.pwb {width: 100%; padding: 0; border-collapse: collapse;}
.pwb td {padding: 8px; margin: 0;}
.pwb tr.divider td {padding: 2px 4px}
.hh3 {font-size: 14px; font-weight: bold;}
.blnk {padding: 0; margin: 0; border: 0;}
.blnk td {padding: 0 4px; border: 0 !important;}
.sm {font-size: 10px}
table tr.highlight td {background-color: #eee; cursor: default}
ul#top-tabs {margin: 0; padding: 0; float: right; width: 305px}
ul#top-tabs li {list-style: none; float: left; margin: 0 6px 0 0; padding: 0}
ul#top-tabs li a {color: #666; background: url(/images/inverted_tab.png) left bottom no-repeat; font-size: 11px; text-decoration: none; padding-left: 24px}
ul#top-tabs li a:hover {color: #000}
ul#top-tabs li a span {background: url(/images/inverted_tab.png) right bottom no-repeat; padding: 3px 24px 5px 0; line-height: 14px}
ul#top-tabs li a, ul#top-tabs li a span {display: block; float: left; cursor: pointer}
.empty {height: 0}
#breadcrumbs {margin: 14px 20px 8px 16px; padding: 0 0 10px 0; font-size: 10px; font-weight: bold; border-bottom: 1px dotted #ccc;}
#rss {width: 100%; text-align: right; margin: 10px 0;}
.diffdel {text-decoration: line-through;}
ins.diffmod {text-decoration: none; font-weight: bold;}
del.diffmod {text-decoration: line-through;}
.diffins {text-decoration: none; font-weight: bold;}
div.calendar {position: relative}
.calendar, .calendar table {border: 1px solid #bdb2bf; font-size: 11px; color: #000; cursor: default; background: url("/images/normal-bg.gif"); font-family: "trebuchet ms",verdana,tahoma,sans-serif}
.calendar {border-color: #797979}
.calendar .button {text-align: center; padding: 2px; background: url("/images/title-bg.gif") repeat-x 0 100%; color: #000; font-weight: bold}
.calendar .nav {font-family: verdana,tahoma,sans-serif}
.calendar .nav div {background: transparent url("/images/menuarrow.gif") no-repeat 100% 100%}
.calendar thead tr {background: url("/images/title-bg.gif") repeat-x 0 100%; color: #000}
.calendar thead .title {font-weight: bold; text-align: center; padding: 2px; background: url("/images/title-bg.gif") repeat-x 0 100%; color: #000}
.calendar thead .headrow {}
.calendar thead .name {border-bottom: 1px solid #797979; padding: 2px; text-align: center; color: #000}
.calendar thead .weekend {color: #c44}
.calendar thead .hilite {background: url("/images/hover-bg.gif"); border-bottom: 1px solid #797979; padding: 2px 2px 1px 2px}
.calendar thead .active {background: url("/images/active-bg.gif"); color: #fff; padding: 3px 1px 0px 3px; border-bottom: 1px solid #797979}
.calendar thead .daynames {background: url("/images/dark-bg.gif")}
.calendar tbody .day {font-family: verdana,tahoma,sans-serif; width: 2em; color: #000; text-align: right; padding: 2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size: 80%; color: #999}
.calendar tbody .day.othermonth.oweekend {color: #f99}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #797979; background: url("/images/dark-bg.gif")}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn {background: url("/images/rowhover-bg.gif")}
.calendar tbody td.today {font-weight: bold}
.calendar tbody td.hilite {background: url("/images/hover-bg.gif"); padding: 1px 3px 1px 1px; border: 1px solid #bbb}
.calendar tbody td.active {padding: 2px 2px 0px 2px}
.calendar tbody td.weekend {color: #c44}
.calendar tbody td.selected {font-weight: bold; border: 1px solid #797979; padding: 1px 3px 1px 1px; background: url("/images/active-bg.gif"); color: #fff}
.calendar tbody .disabled {color: #999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .footrow {text-align: center; background: #565; color: #fff}
.calendar tfoot .ttip {padding: 2px; background: url("/images/status-bg.gif") repeat-x 0 0; color: #000}
.calendar tfoot .hilite {background: #afa; border: 1px solid #084; color: #000; padding: 1px}
.calendar tfoot .active {background: #7c7; padding: 2px 0px 0px 2px}
.calendar .combo {position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border-width: 0 1px 1px 1px; border-style: solid; border-color: #797979; background: url("/images/normal-bg.gif"); color: #000; z-index: 100; font-size: 90%}
.calendar .combo .label, .calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .hilite {background: url("/images/hover-bg.gif"); color: #000}
.calendar .combo .active {background: url("/images/active-bg.gif"); color: #fff; font-weight: bold}
.calendar td.time {border-top: 1px solid #797979; padding: 1px 0px; text-align: center; background: url("/images/dark-bg.gif")}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0px 5px 0px 6px; font-weight: bold; background: url("/images/normal-bg.gif"); color: #000}
.calendar td.time .hour, .calendar td.time .minute {font-family: monospace}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold}
.calendar td.time span.hilite {background: url("/images/hover-bg.gif"); color: #000}
.calendar td.time span.active {background: url("/images/active-bg.gif"); color: #fff}