* { font-family: 'Trebuchet MS', Arial }
body { margin: 0px; background: #ffffff; font-size: 9pt; min-width: 960px }
img { border: none }
textarea { font-size: 10pt }
input, select, option, textarea { font-size: 9pt }
h2 { color: #000; font-size: 18px; font-family: 'Trebuchet MS', Arial; margin-left: 10px; margin-top: 6px }
h3, table caption { color: Black; font-size: 16px; font-weight: bold; margin: 6px 0px 6px 0px }
table caption { text-align: left }
h4 { color: Black; font-size: 14px; font-weight: bold; margin: 0; }
td { vertical-align: top }
form { margin: 0 }

.clear { clear: both }

#mainArea { padding: 16px 10px 16px 24px; min-width: 820px; border-bottom: solid 1px silver; clear: both }

div#top, div#login_top { background: url(images/top_bg.jpg); height: 90px }

#divTitle { color: #276C8D; font-weight: bold; font-size: 18pt; height: 54px; min-width: 560px; text-align: center}

#control { float: left; width: 99% }

#menuBlock { float: left; height: 35px; margin-left: 10px; width: 700px; }
#menuBlock img { float: left; margin-top: 6px }

#ctl00_loginBlock { border-bottom: solid 1px #aeaeae; float: right; height: 35px; text-align: right }
#Login1 td, td#login { vertical-align: middle }

#login { background: url(images/login_status.gif); color: #555;
  font-size: 10pt; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 5px }
#login a:link, #login a:visited { color: #555; text-decoration: none; font-weight: bold }
#login a:hover { color: #eb1c24 }

.menuItem, .menuSelectedItem { background: url(images/tab.gif) no-repeat; border-bottom: solid 1px #AEAEAE;
  border-right: solid 1px #AEAEAE; border-top: solid 1px #AEAEAE; color: #555; float: left;
  font-size: 11pt; font-weight: bold; height: 24px; padding-top: 4px; text-align: center;
  text-decoration: none; width: 86px }
.menuItem { margin-top: 6px }
a:hover.menuItem { color: #eb1c24 }
.menuSelectedItem { background: url(images/active_tab.gif) no-repeat; border-right: none; border-top: none;
  height: 25px; padding-top: 10px }

.header { background: white; border-bottom: solid 1px silver; float: left; padding: 3px 8px 3px 0; width: 99% }
.header h2 { float: left }

.footer { background: url(images/footer_bg.jpg) #212227 repeat-x; border-top: solid 5px #4a4b4f;
  color: #fff; clear: both; padding: 5px 0; width: 100% }
.footerContent { border: none; margin: 0 auto; width: 760px }
.footerContent td { border: none; padding: 0 5px; text-align: left; vertical-align: middle }

.taskId { padding: 0 3px; width: 40px; }

.headerActions { float: right; margin: 7px 20px 0 0 }
#ctl00_divSettingsNav { margin-top: 12px }
.setTab, .setActiveTab { margin-left: 15px }
.setActiveTab { color: Black; font-weight: bold; text-decoration: none }

a.newTask, a.newUser { color: Green; text-decoration: none }
a.newTask { float: right; margin-top: 10px; margin-right: 16px }
a:hover.newTask, a:hover.newUser { background: #dfd }
.searchBar { border: solid 1px silver; float: right; margin-top: 8px; padding: 0 0 0 2px }
.searchBar label { font-weight: bold }
input#txtSearchTask { border: none }
.searchOptions { float: right; }

.noTasks { font-size: 1.5em }
#ctl00_maincontent_divPager a:link, #ctl00_maincontent_divPager a:visited,
#ctl00_maincontent_divPagerBottom a:link, #ctl00_maincontent_divPagerBottom a:visited
{ color: Blue; padding: 2px 4px 2px 4px }
#ctl00_maincontent_divPager a:hover, #ctl00_maincontent_divPagerBottom a:hover
{ color: White; background: blue; text-decoration: none }
#ctl00_maincontent_divPager button, #ctl00_maincontent_divPagerBottom button { display: none }
.icon { border : none; position: relative; top: 2px; left: 2px }
.filterList { border: solid 1px #c0c0c0; background-color: #ffffc0; padding: 4px 4px 4px 4px }
.filterMenu, .filterBox, .attachment { padding: 8px 8px 8px 8px; border: solid 1px #c0c0c0; background: #ffffc0;
  line-height: 1.5em; display: none; width: auto; z-index: 2 }
.filterMenu a { padding: 2px }
.filterMenu a:link, .filterMenu a:visited { color: Blue; text-decoration: none }
.filterMenu a:hover { background: #99ccff; color: White }
option:hover { background: #99ccff }
#ctl00_maincontent_TasksGW tr:hover, #ctl00_maincontent_GridView1 tr:hover,
#ctl00_maincontent_UsersGrid tr:hover, #ctl00_maincontent_ClientTasksGW tr:hover,
#ctl00_maincontent_TeamMembLst td:hover, #ctl00_maincontent_CompaniesGrid tr:hover,
#ctl00_maincontent_wzrdNewInvoice_gwInvoiceItems tr:hover
{ background: #e8e8ff }

.taskDetailsBlock1 { float: left; width: 560px }
.taskDetailsBlock1 p { margin: 0 0 10px 0 }

.taskDetailsBlock2 { float: left }
.taskDetailsBlock2 p { margin: 0 0 10px 0 }

a#addComment { background: url(images/gray_button.gif) no-repeat; color: #fff; display: block; height: 22px;
  margin: 0 auto; padding-top: 4px; text-align: center; text-decoration: none; text-transform: uppercase; width: 184px }

.darkGray, .divNewTimeEntry { background: #51535F; border: solid 3px #70747D; color: #fff }
div.darkGray { padding: 5px }

#ctl00_maincontent_tmFields { padding-left: 61px }
#ctl00_maincontent_tmFields span { font-size: 8pt }
#ctl00_maincontent_divFilesList { margin-bottom: 8px }

#teamMembers { float: left }

#busyDays { margin: 8px 0px 0px 8px }
#busyDays td:hover { background: #99ccff }
#ctl00_maincontent_divChecklist { background: #fff; border: solid 1px silver; margin: 10px 0;
  padding: 3px; width: 460px }

.timeEntries { margin: 5px 0 10px 0 }

#ctl00_maincontent_divChecklist ul { margin: 0; }
#ctl00_maincontent_divChecklist li { list-style: none; margin-bottom: 10px }
#ctl00_maincontent_btnCompleteTask, #ctl00_maincontent_btnReopenTask,
#ctl00_maincontent_btnSubmitTask, #ctl00_maincontent_btnCancelTask,
#ctl00_maincontent_btnDelTask
  { width: 110px; font-weight: bold }
#ctl00_maincontent_btnDelTask { color: Red }

#ctl00_maincontent_divQuestWrapper { background: url(images/transp.gif) repeat; height: 1250px; left: 0;
  position: absolute; top: 0; width: 100% }
#ctl00_maincontent_panQuestionnaire { background: beige; border: solid 4px #306dbe; margin: 40% auto;
  padding: 10px; width: 600px; }
#divQuestButtons { margin-top: 10px; text-align: right }

div#ctl00_maincontent_rwView_ctl01 td { vertical-align: middle }
.reportParamLabel { width: 90px; text-align: right; padding-right: 4px; padding-top: 6px; float: left }

#msgToolBar { background-color: #ece9d8; margin-bottom: 10px; padding: 4px 0px 4px 6px; border-bottom: solid 1px Gray; width: 100%;}
#msgToolBar a:link, #msgToolBar a:visited { color: Blue }
#msgToolBar a:hover { background-color: Navy; color: White; text-decoration: none }
div.headerCommands { background: white; position: absolute; left: 120px; top: 155px; z-index: 10 }

#divMessage { border: solid 2px #4e525d; margin-bottom: 10px }
.msgHead { background-color: #4e525d; color: White; font-size: 20px; font-weight: bold;
           padding: 2px 0px 2px 8px }
#msgForm { padding: 2px 4px 6px 6px }
.msgTrait { color: #4e525d; font-weight: bold }

.category_5, .category_4, .category_3, .category_2, .category_1 { font-weight: bold }
.category_5 { color: Red }
.category_4 { color: #4e525d }
.category_3 { color: #66bb66 }
.category_2 { color: #000 }
.category_1 { color: #bbb }

.msgBody { padding: 10px 0px 10px 0px }
.delMsg { color: Red }

.divAttch { margin: 10px 0px 10px 0px }
.divAttch a:link, .divAttch a:visited { margin-left: 10px }
.comment { border: solid 1px silver; margin-bottom: 16px }
.commentHead { background-color: Silver; color: #333; font-size: 14px; font-weight: bold; margin-bottom: 4px;
               padding: 2px 0px 2px 2px }
.commentContent { padding: 4px 4px 4px 4px }
.newCompanyLabel { text-align: right; width: 120px }

.wzrdContainer { border: solid 2px #4e525d; padding: 0; width: 720px }
.wzrdTitle { background-color: #d60d15; color: White; font-size: 18px; font-weight: bold;
             padding: 3px 0px 3px 4px }
.wzrd { height: 280px; vertical-align: top; width: 720px }
.wzrdHeader { border-bottom: solid 1px silver; color: Black; font-size: 16px; font-weight: bold;
              padding: 4px 0px 4px 4px }
.wzrdSideBar { background-color: #4e525d; border-right: solid 2px #4e525d; line-height: 30px;
               vertical-align: top; width: 180px }
.wzrdSideBarButton { color: White; text-decoration: none }
.wzrdStep { background-color: #E9EEF2; vertical-align: top }
.wzrdSideBar, .wzrdStep { padding: 10px 2px 8px 4px }
.invoiceDetailLabel { float: left; padding-right: 2px; text-align: right; width: 150px }

.gridView { border: none; border-collapse: collapse }
.gridView td { background: white; vertical-align: top }
.gridView td, .gridView th { border: solid 1px silver; padding: 3px }
.gridView th { background-color: #4e525d; color: white }
.gridView th a:link, .gridView th a:visited { color: white }
.gridView caption { text-align: left }

#ctl00_maincontent_pnlNewTimeEntry { display: none }
.divNewTimeEntry { margin: 5px 0; padding: 10px; width: 760px }
.divNewTimeEntry, .divNewTimeEntry label, .divNewTimeEntry textarea, #ctl00_maincontent_txtTEDuration { float: left }
.divNewTimeEntry textarea { height: 80px; width: 490px; margin-right: 10px }

#divNewTEHead { background: #069; border-bottom: solid 1px silver; color: White; font-weight: bold;
  margin: -5px; margin-bottom: 5px; padding: 3px; text-align: center }
  
.editTEDuration { text-align: right; width: 30px }

.chkLists, .chkLists td { border: none }
.chkLists td a { margin-right: 40px }

.a4 { width: 800px }
.a4 td { background: red }

table#projDetails td { padding-bottom: 10px }
div#total { font-size: 1.1em; font-weight: bold; margin-bottom: 5px }

.taskComments { background: #e9f0ff; border: solid 1px silver; float: left; margin-left: 10px; padding: 10px; width: 360px }
.taskComments div { margin-top: 5px }
#editComment { display: none; margin-bottom: 10px }
div.taskComment { margin-top: 15px }
a:link.freshComment, a:visited.freshComment, a:hover.freshComment { color: White; margin-top: 5px; text-decoration: none }
a:hover.freshComment { background: url(images/edit.gif) 2px 2px no-repeat }

a.newProject { color: Green; text-decoration: none }
a:hover.newProject { background: #dfd }

span#newClient label { display: block; margin-top: 5px }
span#newClient label input { width: 160px }

tr.grayItem td { background: #ccc }

div#editInvoice label { float: left; font-weight: bold; margin-right: 5px; text-align: right; width: 120px }
table#ctl00_maincontent_rblPeriod label { float: none; font-weight: normal; text-align: left; }
table#ctl00_maincontent_rblPeriod label, div#editInvoice input { position: relative; top: -5px }

input.invoiceItemControl { margin-top: 5px }