/* ---------------------------------------- Tantek Celik's Whitepsace Reset Author: Tantek Celik Version: (CC) 2004 Some Rights Reserved - http://creativecommons.org/licenses/by/2.0 Description: Resets default styling of common browsers to a common base ---------------------------------------- */ :link,:visited { text-decoration:none; } ul,ol { list-style:none; } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; } a img,:link img,:visited img { border:none; } address { font-style:normal; } /* =Global --------------------*/ body { background: #ECF5FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; } h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; } a:link, a:visited, span.link-like { color: #2976C2; outline: none; font-weight: bold; text-decoration: underline; } a:hover, span.link-like:hover { color: #FFFFFF; background: #2976C2; } a:active { outline: none; } a#skip { display: none; } b.required { color: #FF0000; font-weight: normal; } .edit a, a.edit { font-weight: bold; color: #F90000; } .edit a:hover, a.edit:hover { background: #F90000; color: #FFFFFF; } sub, sup { font-size: 10px; font-weight: normal; padding: 0 3px; color: #999999; } .working-icon { display: block; } /* =Sitewrapper --------------------*/ #sitewrapper { width: 990px; margin: 0 auto; } /* =Form Errors --------------------*/ fieldset p span.fieldWithErrors { border: none; padding: 0; margin: 0; } fieldset p span.field-with-errors { background: #F5DC63 !important; padding: 4px !important; } span.field-with-errors input, span.field-with-errors select { border: 1px solid #D29C34 !important; } /* =Sub-Page Navigation --------------------*/ ul#page-nav { text-align: center; font-size: 12px; margin-bottom: 20px; } ul#page-nav li { color: #2874B9; display: inline; } ul#page-nav li b { color: #000000; } ul#page-nav li a { color: #2874B9; font-weight: bold; } ul#page-nav li a:hover { background-color: #2874B9; color: #FFFFFF; } /* =Sitewrapper -> Content -> Main Content Div --------------------*/ .main { } .main.left { width: 615px; } .main.right { width: 615px; } .main h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom: 7px; border-bottom: 1px solid #A7A7A7; margin-bottom: 10px; } .main h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 30px 0 5px 0; clear: left; } .main h2 em { font-style: normal; color: #666666; } .main p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; margin: 0 0 7px 0;} .main ol { margin: 1.12em 0; list-style-type: decimal; margin-left: 40px; } .main ol li { display: list-item; font-size: 12px; } .main p strong { } .main strong.highlight { font-weight: normal; background: #FFFFCC; } /* =Sitewrapper -> Content -> Main Content Div --> Action --------------------*/ .main #action { clear: left; float: left; width: 100%; margin-top: 30px; } .main #action input#action-button { float: left; } .main #action a#cancel { color: #F90000; float: left; margin: 18px 0 0 20px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .main #action a#cancel:hover { background: #F90000; color: #FFFFFF; } /* =Sitewrapper -> Content -> Sidebar --------------------*/ #sitewrapper #content #main .sidebar { width: 295px; float: right; position: relative; z-index: 1000; margin-top: 26px; } #sitewrapper #content #main .sidebar .container { border: 1px solid #7DB0E3; background: #ECF5FF; padding: 10px; } #sitewrapper #content #main .box .container { border: 1px solid #A7A7A7; background: #F3F3F3; padding: 10px; } #sitewrapper #content #main .sidebar .container h3 { background: #F2F8FF url("/images/bg_faq-header-gradient.gif") repeat-x top left; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; padding: 10px; position: relative; z-index: 2500; border-bottom: 1px solid #7DB0E3; } #sitewrapper #content #main .sidebar .container h3 span { display: block; font-size: 11px; line-height: 150%; font-weight: normal; } #sitewrapper #content #main .sidebar .container img { border: 6px solid #FFFFFF; } #sitewrapper #content #main .sidebar .container dl { background: #FFFFFF; padding: 0 0 10px 0; margin: 0; position: relative; z-index: 2500; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #sitewrapper #content #main .sidebar .container dl dt { font-weight: bold; padding: 10px 15px 0 15px; line-height: 150%; } #sitewrapper #content #main .sidebar .container dl dd { padding: 0 15px 0 15px; margin: 0; line-height: 150%; } #sitewrapper #content #main .sidebar .container table { width: 100%; background: #FFFFFF; position: relative; z-index: 2500; padding-bottom: 10px; font-size: 12px; } #sitewrapper #content #main .sidebar .container table thead { } #sitewrapper #content #main .sidebar .container table thead tr { } #sitewrapper #content #main .sidebar .container table thead tr th { text-align: left; padding: 10px; border-bottom: 1px solid #DADADA; } #sitewrapper #content #main .sidebar .container table tbody { } #sitewrapper #content #main .sidebar .container table tbody tr { } #sitewrapper #content #main .sidebar .container table tbody tr.odd { } #sitewrapper #content #main .sidebar .container table tbody tr.odd td { } #sitewrapper #content #main .sidebar .container table tbody tr td { padding: 7px 10px; border-bottom: 1px solid #DADADA; } #sitewrapper #content #main .sidebar .container table tbody tr td.invoice-amount { text-align: right; } #sitewrapper #content #main .sidebar .container table tbody tr td a { font-weight: bold; } /* =Sitewrapper -> Content -> Fieldsets --------------------*/ fieldset { border: none; padding-left: 15px; margin: 15px 0 0 0; position: inherit; background: transparent url("images/bg_fieldset.gif") repeat-y 0 0; } fieldset p { clear: left; } fieldset p label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; } fieldset p span { display: block; background: #E9E9E9; width: 460px; padding: 4px; } fieldset p span select, fieldset p span input { border: 1px solid #A7A7A7; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;} fieldset p span select { padding: 3px 4px; } fieldset p span input { width: 450px; } fieldset p span select { width: 460px; } fieldset option { color: #000000; font-weight: normal; } fieldset optgroup { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; font-style: normal; font-weight: bold; } fieldset optgroup option { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } /* =Sitewrapper -> Header --------------------*/ #sitewrapper #header { width: 990px; padding-top: 40px; } #sitewrapper #header #global-navigation { text-align: right; font-size: 11px; position: relative; top: -25px; } #sitewrapper #header #global-navigation a { font-weight: bold; } #sitewrapper #header a#logo { height: 51px; width: 135px; float: left; position: relative; top: -10px; background: transparent url(/images/logo.gif) no-repeat 0 0; text-indent: -5000px; } #sitewrapper #header ul#navigation { margin: 0 auto !important; margin: 0 0 0 260px; width: 480px; } #sitewrapper #header ul#navigation li { float: left; margin: 0 2px 0 0; } #sitewrapper #header ul#navigation li a { display: block; height: 55px; width: 158px; text-indent: -5000px; position: relative; margin: 0 0 -9px 0; text-decoration: none; } #sitewrapper #header ul#navigation li a:hover { z-index: 1000; text-decoration: none; } #sitewrapper #header ul#navigation li a#nav-timecard { background: transparent url(/images/navigation.gif) no-repeat 0 -112px; } #sitewrapper #header ul#navigation li a:hover#nav-timecard { background: transparent url(/images/navigation.gif) no-repeat 0 -56px; } body#timecard-page #sitewrapper #header ul#navigation li a#nav-timecard, body#timecard-page #sitewrapper #header ul#navigation li a:hover#nav-timecard { background: transparent url(/images/navigation.gif) no-repeat 0 0; z-index: 1000; } #sitewrapper #header ul#navigation li a#nav-projects { background: transparent url(/images/navigation.gif) no-repeat -160px -112px; } #sitewrapper #header ul#navigation li a:hover#nav-projects { background: transparent url(/images/navigation.gif) no-repeat -160px -56px; } body#my-open-projects #sitewrapper #header ul#navigation li a#nav-projects, body#my-open-projects #sitewrapper #header ul#navigation li a:hover#nav-projects, body#my-closed-projects #sitewrapper #header ul#navigation li a#nav-projects, body#my-closed-projects #sitewrapper #header ul#navigation li a:hover#nav-projects, body#all-open-projects #sitewrapper #header ul#navigation li a#nav-projects, body#all-open-projects #sitewrapper #header ul#navigation li a:hover#nav-projects, body#all-closed-projects #sitewrapper #header ul#navigation li a#nav-projects, body#all-closed-projects #sitewrapper #header ul#navigation li a:hover#nav-projects, body#project-drill-down #sitewrapper #header ul#navigation li a#nav-projects, body#project-drill-down #sitewrapper #header ul#navigation li a:hover#nav-projects, body#create-edit-projects #sitewrapper #header ul#navigation li a#nav-projects { background: transparent url(/images/navigation.gif) no-repeat -160px 0px; z-index: 1000; } #sitewrapper #header ul#navigation li a#nav-reporting { background: transparent url(/images/navigation.gif) no-repeat -320px -112px; } #sitewrapper #header ul#navigation li a:hover#nav-reporting { background: transparent url(/images/navigation.gif) no-repeat -320px -56px; } body#reports #sitewrapper #header ul#navigation li a#nav-reporting, body#reports #sitewrapper #header ul#navigation li a:hover#nav-reporting { background: transparent url(/images/navigation.gif) no-repeat -320px 0px; z-index: 1000; } /* =Sitewrapper -> Content --------------------*/ #sitewrapper #content { clear: both; background: #FFFFFF; z-index: 100; position: relative; border: 1px solid #A7A7A7; } #sitewrapper #content #main { clear: both; background: #FFFFFF; z-index: 100; position: relative; border: 8px solid #F3F3F3 !important; border: 7px solid #F3F3F3; /* Hack for IE, need to fix. Has to do with an extra 1px of whitespace between #content and #main. */ padding: 20px; } /* =Sitewrapper -> Content -> Quicklinks --------------------*/ #sitewrapper #content #main #quicklinks { float: right; width: 285px; position: relative; /* Fix bug in IE that hides the div because of the z-index. */ } #sitewrapper #content #main #quicklinks h2 { font-size: 16px; padding: 13px 0 25px 12px; } #sitewrapper #content #main #quicklinks h3 { font-size: 14px; background: #F3F3F3; padding: 5px 10px; } #sitewrapper #content #main #quicklinks ul { font-size: 11px; font-weight: bold; margin: 12px; } #sitewrapper #content #main #quicklinks ul li { line-height: 200%; } #sitewrapper #content #main #quicklinks ul li ul { margin: 0 12px 12px 12px; } #sitewrapper #content #main #quicklinks ul li ul li { font-weight: normal; line-height: 180%; } #sitewrapper #content #main #quicklinks ul li ul li a { font-weight: normal; } /* =Sitewrapper -> Content -> Quicklinks -> Blank Slate --------------------*/ #sitewrapper #content #main #quicklinks div.blank-slate { background: #FFFFD5; border: 1px solid #D2D203; } #sitewrapper #content #main #quicklinks div.blank-slate p { margin: 10px; background: #FFFFFF; padding: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 150%; } #sitewrapper #content #main #quicklinks div.blank-slate p strong { display: block; } /* =Sitewrapper -> Content -> Timecard --------------------*/ body#timecard-page div#fd-view-calendar.datePicker { top: 150px !important; left: 52% !important; } #sitewrapper #content #main #timecard { width: 615px; float: left; position: relative; z-index: 0 } #sitewrapper #content #main #timecard a#switch-user { font-size: 12px; font-weight: bold; } #sitewrapper #content #main #timecard a#back-to-today { display: block; float: right; clear: right; font-size: 11px; font-weight: normal; padding: 2px; } #sitewrapper #content #main #timecard a.date-picker-control { height: 19px; width: 119px; float: right; background-image: url("/images/bg_view-calendar.gif"); background-repeat: no-repeat; background-position: 0 0; } #sitewrapper #content #main #timecard a.date-picker-control:hover { background-position: -119px 0; } #sitewrapper #content #main #timecard h1 { font-size: 16px; clear: left; margin: 5px 0 20px 0; } #sitewrapper #content #main #timecard h1 span.remove-alias { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000; background: #FFFFCC; padding: 5px; } #sitewrapper #content #main #timecard h1 span.remove-alias a { color: #FF0000; } #sitewrapper #content #main #timecard h1 span.remove-alias a:hover { background: #FF0000; color: #FFFFFF; } #sitewrapper #content #main #timecard a#last-week, #sitewrapper #content #main #timecard a#next-week { display: block; height: 20px; width: 20px; text-indent: -5000px; padding: 0; border: 1px solid #4A91D8; } #sitewrapper #content #main #timecard a#last-week { background: #FFFFFF url("/images/icon_last-week.gif") no-repeat 50% 50%; text-decoration: none; float: left; position: relative; z-index: 3000; margin: 12px 2px 3px 3px !important; margin: 12px -2px 3px 1px; } #sitewrapper #content #main #timecard a#next-week { background: #FFFFFF url("/images/icon_next-week.gif") no-repeat 50% 50%; text-decoration: none; float: right; position: relative; z-index: 3000; margin: 12px 4px 0px 2px !important; margin: 12px 1px 0px 0px; } /* =Sitewrapper -> Content -> Timecard -> Dates --------------------*/ #sitewrapper #content #main #timecard #current-dates { position: relative; z-index: 2000; } #sitewrapper #content #main #timecard #dates ul { height: 37px; width: auto; position: relative; } #sitewrapper #content #main #timecard #dates ul li { float: left; margin: 0 1px; } #sitewrapper #content #main #timecard #dates ul li a { display: block; background: #7DB0E3; border: 1px solid #7DB0E3; height: 32px; width: 72px; padding: 0 2px; position: relative; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; position: relative; top: 1px; } #sitewrapper #content #main #timecard #dates ul li a:hover { background: #ECF5FF; color: #4A91D8; } #sitewrapper #content #main #timecard #dates ul li a.current { background: #ECF5FF; border-bottom: none; color: #4A91D8; height: 36px !important; height: 37px; position: relative; bottom: -1px; } #sitewrapper #content #main #timecard #dates ul li a span { background: transparent url("/images/icon_has-time.gif") no-repeat 0 0; display: block; height: 12px; width: 78px; position: absolute; top: -9px; left: -1px; } #sitewrapper #content #main #timecard #dates ul li a b { display: block; } #sitewrapper #content #main #timecard #dates ul li a b.date { font-size: 2.8em; float: right; } #sitewrapper #content #main #timecard #dates ul li a b.day { font-weight: normal; text-transform: uppercase; position: relative; top: 3px; } #sitewrapper #content #main #timecard #dates ul li a b.month { font-size: 1.4em; text-transform: uppercase; } /* =Sitewrapper -> Content -> Timecard -> Enter-Time --------------------*/ #sitewrapper #content #main #enter-time { clear: left; background: #ECF5FF; border: 1px solid #7DB0E3; padding: 10px; position: relative; z-index: 5 } #sitewrapper #content #main #enter-time form { background: #FFFFFF url("/images/bg_enter-time.gif") repeat-x left bottom; padding: 10px; } #sitewrapper #content #main #enter-time form fieldset { clear: both; margin: 5px 0 10px 0; border: none; background: none; padding: 0; } #sitewrapper #content #main #enter-time form fieldset label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: block; color: #000000; margin: 0 0 5px 5px; } #sitewrapper #content #main #enter-time form fieldset span { background: #D9ECFF; padding: 5px; display: block; } #sitewrapper #content #main #enter-time form fieldset span input { border: 1px solid #7EB0E3; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; padding: 3px 5px; } #sitewrapper #content #main #enter-time form fieldset#client-project { } #sitewrapper #content #main #enter-time form fieldset#client-project label { } #sitewrapper #content #main #enter-time form fieldset#client-project span { } #sitewrapper #content #main #enter-time form fieldset#client-project span input { width: 550px; } /* For simplicity, the client-project field has been replaced with a client and project drop-down */ #sitewrapper #content #main #enter-time form fieldset#task { } #sitewrapper #content #main #enter-time form fieldset#task label { } #sitewrapper #content #main #enter-time form fieldset#task span { } #sitewrapper #content #main #enter-time form fieldset#client span select, #sitewrapper #content #main #enter-time form fieldset#project span select, #sitewrapper #content #main #enter-time form fieldset#task span select { width: 560px; border: 1px solid #7EB0E3; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; padding: 3px 5px; } #sitewrapper #content #main #enter-time form fieldset#time { width: 130px; float: left; position: relative; z-index: 5 } #sitewrapper #content #main #enter-time form fieldset#time label { } #sitewrapper #content #main #enter-time form fieldset#time span { } #sitewrapper #content #main #enter-time form fieldset#time span input { padding: 5px 0; font-size: 38px; width: 117px; text-align: center; } #sitewrapper #content #main #enter-time form fieldset#notes { width: 420px; float: right; clear: none; position: relative; z-index: 5 } #sitewrapper #content #main #enter-time form fieldset#notes label { } #sitewrapper #content #main #enter-time form fieldset#notes span { } #sitewrapper #content #main #enter-time form fieldset#notes span textarea { border: 1px solid #7EB0E3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 48px; width: 397px; color: #000000; padding: 3px 5px; overflow: auto; } #sitewrapper #content #main #enter-time form fieldset#action { padding-top: 10px; height: 45px; } #sitewrapper #content #main #enter-time form fieldset#action a { float: right; color: #F90000; font-weight: bold; text-decoration: underline; font-size: 12px; padding-top: 15px; } #sitewrapper #content #main #enter-time form fieldset#action a:hover { background: none; } #sitewrapper #content #main #enter-time form fieldset#action input { } #sitewrapper #content #main #enter-time form fieldset#action input#btn_enter-time { } /* =Sitewrapper -> Content -> Timesheet --------------------*/ #sitewrapper #content #main #timesheet { position: relative; z-index: 5 } #sitewrapper #content #main #timesheet h2 { font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; clear: left; margin: 20px 0 15px 0; } #sitewrapper #content #main #timesheet #time-entered { background: #ECF5FF; border: 1px solid #7DB0E3; padding: 10px; } #sitewrapper #content #main #timesheet #time-entered #entries { background: #FFFFFF; padding: 1px 10px 1px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #sitewrapper #content #main #timesheet #time-entered #entries div { } #sitewrapper #content #main #timesheet #time-entered #entries div h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 20px 0 15px 0; padding: 0; } #sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove { margin-left: 15px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; } #sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove, #sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove a { color: #FF0000; font-weight: normal; } #sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove a:hover { background: #FF0000; color: #FFFFFF; } /* =Sitewrapper -> Content -> Timesheet -> Entry --------------------*/ #sitewrapper #content #main #timesheet #time-entered #entries div div.entry { border: 1px solid #16CD02; background: #DEFCDC; padding: 10px; margin-bottom: 10px; } #sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time { float: right; margin-right: 0px; font-size: 11px; width: 110px; position: relative; z-index: 5; text-align: right; padding: 3px 10px; background: #EFFEEE; } #sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time b { display: none; } #sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time span.hours { font-size: 38px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-right: 8px; background: transparent url("/images/icon_hrs.gif") no-repeat 100% 50%; } #sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time span.minutes { font-size: 38px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 8px 0 5px; background: transparent url("/images/icon_mins.gif") no-repeat 100% 50%; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry h4 { margin-left: 0px; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry h5 { margin: 5px 0 5px 0; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } /* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --------------------*/ #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div { } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs { padding: 12px 0 0 0; position: relative; z-index: 3000; height: 17px; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li { font-weight: bold; display: inline; margin: 0 0 0 3px; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li a { } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab a { background: #99C295; border-left: 1px solid #99C295; border-right: 1px solid #99C295; padding: 3px 15px 4px 15px; color: #FFFFFF; text-decoration: none; text-align: center; font-size: 11px; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab a:hover { background: #18CD04; border-left: 1px solid #18CD04; border-right: 1px solid #18CD04; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab.on { border: 1px solid #17CD03; border-bottom: none; background: #FFFFFF; text-align: center; text-decoration: none; padding: 6px 15px 4px 15px; color: #000000; position: relative; top: 1px; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary { line-height: 150%; font-size: 11px; background: #FFFFFF; border-top: 1px solid #17CD03; padding: 10px; clear: both; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary p.task-budget, #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary p.people { margin: 0; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section { } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section pre { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; white-space: pre-wrap !important; white-space: normal; } /* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --> Graph --------------------*/ #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph { width: 230px; height: 15px; float: right; position: relative; margin-top: 5px; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_green_bar, #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_yellow_bar, #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_red_bar, #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_no-bar_bar { width: 197px; } /* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --> Budget Info --------------------*/ #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget, #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.people { font-size: 11px; line-height: 150%; } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget strong { } #sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget strong.over { color: #CC0000; } /* =Sitewrapper -> Content -> Timesheet -> Day/Week Total --------------------*/ #sitewrapper #content #main #timesheet #time-entered h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 16px; margin: 10px 0 0 10px; } #sitewrapper #content #main #timesheet #time-entered p { font-size: 12px; line-height: 180%; margin: 0 0 0 10px; } /* =Sitewrapper -> Content -> Projects --------------------*/ #sitewrapper #content #main #projects { position: relative; z-index: 5 } #sitewrapper #content #main #rss-my-open-projects { padding-top: 20px; font-size: 11px; } #sitewrapper #content #main #rss-warning { padding-top: 5px; font-size: 10px; } /* =Sitewrapper -> Content -> Lock_Unlock --------------------*/ #sitewrapper #content #main #lock_unlock { padding: 0 0 5px 0; font-size: 11px; line-height: 15px; } #sitewrapper #content #main #lock_unlock span { font-style: italic; font-size: 10px; color: #666666; } /* =Sitewrapper -> Content -> Projects -> Top Content --------------------*/ #sitewrapper #content #main #projects a#switch-user { font-size: 12px; font-weight: bold; } #sitewrapper #content #main #projects a#create-a-new-project { font-size: 12px; font-weight: bold; float: right; color: #FF0000; position: relative; z-index: 3000; } #sitewrapper #content #main #projects a#create-a-new-project:hover { background-color: #FF0000; color: #FFFFFF; } #sitewrapper #content #main #projects #out-of-projects { font-size: 12px; float: right; color: #000000; position: relative; z-index: 3000; } #sitewrapper #content #main #projects #out-of-projects a { color: #FF0000; } #sitewrapper #content #main #projects #out-of-projects a:hover { background-color: #FF0000; color: #FFFFFF; } #sitewrapper #content #main #projects h1 { font-size: 16px; clear: left; margin: 5px 0 20px 0; } /* =Sitewrapper -> Content -> Projects -> Project Listings --------------------*/ #sitewrapper #content #main #projects #project-listing { background: #ECF5FF; border: 1px solid #7DB0E3; padding: 10px; } #sitewrapper #content #main #projects #project-listing #show-client { font-size: 12px; font-weight: bold; height: 43px; } #sitewrapper #content #main #projects #project-listing #show-client b { float: left; margin: 0 15px 0 10px; line-height: 33px; } #sitewrapper #content #main #projects #project-listing #show-client span { background-color: #D9ECFF; padding: 4px; float: left; display: block; } #sitewrapper #content #main #projects #project-listing #show-client span select { width: 460px; border: 1px solid #7EB0E3; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; padding: 3px 5px; } /* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --------------------*/ #sitewrapper #content #main #projects #project-listing #project { background-color: #FFFFFF; padding: 1px 10px 1px 10px; } #sitewrapper #content #main #projects #project-listing #project h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 15px 0 10px 0; color: #000000; } #sitewrapper #content #main #projects #project-listing #project div.project { border: 1px solid #16CD02; background: #DEFCDC; padding: 10px; margin-bottom: 10px; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary { background: #FFFFFF url("/images/bg_gradient_project-summary.gif") repeat-x left bottom; padding: 10px 10px 10px 10px; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary a.close-project, #sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project { color: #FF0000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; float: right; position: relative; z-index: 3000; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project { position: relative; right: 10px; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary a.close-project:hover, #sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project:hover { color: #FFFFFF; background-color: #FF0000; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 { font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a { font-size: 12px; color: #2976C2; text-decoration: underline; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.basecamp { padding-right: 25px; background: transparent url("/images/icon_basecamp.gif") no-repeat 100% 50%; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.recurring { padding-right: 25px; background: transparent url("/images/icon_recurring.png") no-repeat 100% 50%; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a:hover { color: #FFFFFF; background-color: #2976C2; } #sitewrapper #content #main #projects #project-listing #project div.project div.summary h5 { font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 7px; } #sitewrapper #content #main #projects #project-listing #project div.project div.section { background: #FFFFFF; border-top: 1px solid #16CD02; padding: 10px; } /* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --> Graph --------------------*/ #sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph { height: 15px; float: right; width: 425px; position: relative; margin-top: 5px; } #sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_green_bar, #sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_yellow_bar, #sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_red_bar, #sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_no-bar_bar { width: 400px; } /* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --> Budget Info --------------------*/ #sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget { font-size: 12px; line-height: 150%; } #sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget strong { } #sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget strong.over { color: #CC0000; } #sitewrapper #content #main #projects #project-listing #project div.project div.section p.people { font-size: 11px; line-height: 150%; } /* =Sitewrapper -> Content -> Projects -> My Closed Projects / All Open Projects --------------------*/ #sitewrapper #content #main #projects #project-listing #project.my-closed-projects, #sitewrapper #content #main #projects #project-listing #project.all-open-projects, #sitewrapper #content #main #projects #project-listing #project.all-closed-projects { padding: 0 0 20px 0; } #sitewrapper #content #main #projects #project-listing #project table { width: 100%; } #sitewrapper #content #main #projects #project-listing #project table thead { } #sitewrapper #content #main #projects #project-listing #project table thead tr { } #sitewrapper #content #main #projects #project-listing #project table thead tr th { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left; padding: 20px 0 4px 10px; border-bottom: 1px solid #DADADA; } #sitewrapper #content #main #projects #project-listing #project table thead tr th.project-name { } #sitewrapper #content #main #projects #project-listing #project table thead tr th.project-budget, #sitewrapper #content #main #projects #project-listing #project table thead tr th.time-entered, #sitewrapper #content #main #projects #project-listing #project table thead tr th.results, #sitewrapper #content #main #projects #project-listing #project table thead tr th.project-tasks { text-align: right; } #sitewrapper #content #main #projects #project-listing #project table thead tr th.last-column { padding-right: 20px; } #sitewrapper #content #main #projects #project-listing #project table tbody { } #sitewrapper #content #main #projects #project-listing #project table tbody tr { } #sitewrapper #content #main #projects #project-listing #project table tbody tr.odd { } #sitewrapper #content #main #projects #project-listing #project table tbody tr.odd td { background-color: #FBFBFB; } #sitewrapper #content #main #projects #project-listing #project table tbody tr td { border-bottom: 1px solid #DADADA; line-height: 25px; } #sitewrapper #content #main #projects #project-listing #project table tbody tr td strong { font-weight: normal; color: #F90000; } #sitewrapper #content #main #projects #project-listing #project table td.project-name { padding-left: 10px; } #sitewrapper #content #main #projects #project-listing #project table td.project-name { } #sitewrapper #content #main #projects #project-listing #project table td.project-name a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #sitewrapper #content #main #projects #project-listing #project table td.project-budget, #sitewrapper #content #main #projects #project-listing #project table td.time-entered, #sitewrapper #content #main #projects #project-listing #project table td.results, #sitewrapper #content #main #projects #project-listing #project table td.project-tasks { text-align: right; font-size: 12px; } #sitewrapper #content #main #projects #project-listing #project table td.project-budget { width: 130px; } #sitewrapper #content #main #projects #project-listing #project table td.time-entered { width: 130px; } #sitewrapper #content #main #projects #project-listing #project table td.results { width: 100px; } #sitewrapper #content #main #projects #project-listing #project table td.last-column { padding-right: 20px; } /* =Sitewrapper -> Content -> Create/Edit Project -> Delete Project --------------------*/ #sitewrapper #content #main #delete-project { border: 1px solid #D2D202; background: #FFFFD5; padding: 10px; width: 273px; z-index: 2000; margin-bottom: 10px; font-size: 11px; line-height: 150%; } #sitewrapper #content #main #delete-project div.bg { display: block; padding: 10px; background: #FFFFFF url("/images/bg_gradient_project_delete.gif") repeat-x bottom left; } #sitewrapper #content #main #delete-project div.bg h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 5px 0; } #sitewrapper #content #main #delete-project div.bg p { margin: 0 0 10px 0; } #sitewrapper #content #main #delete-project div.bg p strong { font-weight: normal; color: #F90000; } #sitewrapper #content #main #delete-project div.bg p a { font-weight: bold; } /* =Sitewrapper -> Content -> Create/Edit Project -> Task Template --------------------*/ #sitewrapper #content #main #import-tasks { border: 1px solid #A7A7A7; background: #F7F7F7; padding: 10px; width: 273px; z-index: 2000; margin-bottom: 10px; font-size: 11px; line-height: 150%; } #sitewrapper #content #main #import-tasks h3 { background: #F2F8FF url("/images/bg_gradient_date-picker.gif") repeat-x top left; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; padding: 10px; position: relative; z-index: 2500; border-bottom: 1px solid #A7A7A7; } #sitewrapper #content #main #import-tasks h3 span.note { font-size: 12px; color: #239715; font-weight: normal; font-variant:small-caps; } #sitewrapper #content #main #import-tasks #import-from-tick { background-color: #FFFFFF; padding: 15px 10px 13px 10px; } #sitewrapper #content #main #import-tasks #import-from-basecamp { background-color: #FFFFFF; padding: 0 10px 15px 10px; } #sitewrapper #content #main #import-tasks #import-from-tick h4, #sitewrapper #content #main #import-tasks #import-from-basecamp h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 0; } #sitewrapper #content #main #import-tasks #import-from-basecamp h4 { padding: 15px 0 0 0; border-top: 1px dotted #CCCCCC; background: transparent url("/images/icon_basecamp.gif") no-repeat 84% 98%; } #sitewrapper #content #main #import-tasks #import-from-tick p, #sitewrapper #content #main #import-tasks #import-from-basecamp p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #sitewrapper #content #main #import-tasks #import-from-basecamp a { display: block; width: 172px; height: 23px; margin-top: 5px; text-indent: -5000px; cursor: pointer; background: transparent url('/images/btn_bc_import_todos.gif') no-repeat 0 0; } #sitewrapper #content #main #import-tasks #import-from-basecamp a:hover, #sitewrapper #content #main #import-tasks #import-from-basecamp a:active { background: transparent url('/images/btn_bc_import_todos.gif') no-repeat -172px 0; } /* =Sitewrapper -> Content -> Create/Edit Project -> Project Template -> Template Select --------------------*/ #sitewrapper #content #main #import-tasks fieldset { background: none; padding-left: 0; margin-top: 10px; } #sitewrapper #content #main #import-tasks fieldset p { } #sitewrapper #content #main #import-tasks fieldset p span { padding: 4px; width: 245px; background: #E9E9E9; } #sitewrapper #content #main #import-tasks fieldset p span select { border: 1px solid #A7A7A7; width: 245px; } #sitewrapper #content #main #import-tasks fieldset p span select option { } /* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --------------------*/ #sitewrapper #content #main #create-edit-project { width: 615px; min-height: 890px; } #sitewrapper #content #main #create-edit-project #accessing_basecamp { margin-top: 20px; background: #FFFFD5; } #sitewrapper #content #main #create-edit-project #accessing_basecamp p { font-size: 14px; margin: 0; padding: 20px 0 0 25px; } #sitewrapper #content #main #create-edit-project #accessing_basecamp img { margin: 0; padding: 0; } #sitewrapper #content #main #create-edit-project p#basecamp_link_error { padding: 10px; font-family:Arial, Helvetica, sans-serif; line-height: 150%; margin-top: 30px; font-size: 12px; background: #E0EBEB; border: 1px solid #8FCACE; } #sitewrapper #content #main #create-edit-project p#basecamp_link_error a.cancel { margin-left: 10px; color: #F90000; } #sitewrapper #content #main #create-edit-project p#basecamp_link_error a.cancel:hover { color: #FFFFFF; background-color: #F90000; } #sitewrapper #content #main #create-edit-project a#link-to-basecamp { font-size: 12px; font-weight: bold; float: right; padding-left: 25px; line-height: 18px; background-image: url("/images/icon_basecamp.gif"); background-repeat: no-repeat; background-position: 0 0; } #sitewrapper #content #main #create-edit-project h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom: 7px; margin-bottom: 0; border-bottom: 1px solid #A7A7A7; } #sitewrapper #content #main #create-edit-project h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 30px 0 5px 0; } #sitewrapper #content #main #create-edit-project p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 7px 0; } #sitewrapper #content #main #create-edit-project fieldset#client, #sitewrapper #content #main #create-edit-project fieldset#project { } #sitewrapper #content #main #create-edit-project fieldset#client p span, #sitewrapper #content #main #create-edit-project fieldset#project p span { width: 465px; } #sitewrapper #content #main #create-edit-project fieldset#client p span input, #sitewrapper #content #main #create-edit-project fieldset#project p span input { width: 455px; } #sitewrapper #content #main #create-edit-project fieldset#client p span select { width: 465px; } #sitewrapper #content #main #create-edit-project fieldset#budget { } #sitewrapper #content #main #create-edit-project fieldset#budget p { margin: 0; padding: 0; } #sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget { width: 240px; float: left; } #sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget span { width: 75px; float: left; } #sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget span input { width: 65px; } #sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget label { display: inline; padding-left: 10px; line-height: 260%; font-weight: normal; color: #999999; } #sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks { float: left; clear: none; margin-left: 20px; } #sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label { } #sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label span { display: inline; background: #FFFFCC; font-weight: bold; line-height: 260%; margin-left: 5px; } #sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label input { } /* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Tasks --------------------*/ #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task { } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead { } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr { } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td { } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.name { width: 368px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.budget { width: 68px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.billable { width: 51px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-left: 4px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task ol { margin: 3px 0 10px 0; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task ol li { list-style-type: none; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody { background: #E9E9E9; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr { } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td { } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.name { width: 368px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.budget { width: 68px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.billable { width: 51px; text-align: center; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input { border: 1px solid #A7A7A7; padding: 4px; margin: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-name { width: 350px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-budget { width: 50px; float: left; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-billable { margin: 0 4px 0 0; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash { background: #FFFFFF; padding: 9px 10px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash a { background: #FFFFFF url("/images/icon_trash.gif") no-repeat 50% 50%; text-indent: -5000px; display: block; float: right; height: 15px; width: 15px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash strike a { background: #FFFFFF url("/images/icon_trash-inactive.gif") no-repeat 50% 50%; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange { background: #FFFFFF; padding: 9px 10px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange a { background: #FFFFFF url("/images/icon_drag-inactive.gif") no-repeat 50% 50%; text-indent: -5000px; display: block; float: right; height: 15px; width: 31px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange a:hover { background: #FFFFFF url("/images/icon_drag.gif") no-repeat 50% 50%; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task input#add-another-task { width: 120px; font-size: 12px; } #sitewrapper #content #main #create-edit-project #tasks-container fieldset#task p { float: right; margin: 2px 210px 0 0 !important; margin: 5px 105px 0 0; line-height: 130%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; } /* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Permissions and Notifications --------------------*/ #sitewrapper #content #main #create-edit-project fieldset.permissions_notifications { height: auto; float: left; width: 600px; background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; } #sitewrapper #content #main #create-edit-project fieldset.project_owner { background: transparent url("images/bg_fieldset.gif") repeat-y 0 0; } #sitewrapper #content #main #create-edit-project fieldset.project_owner p { margin: 0; } #sitewrapper #content #main #create-edit-project fieldset.project_owner p span { padding: 4px; width: 200px; } #sitewrapper #content #main #create-edit-project fieldset.project_owner p span select { width: inherit; } #sitewrapper #content #main #create-edit-project fieldset.select_people { margin-top: 0; background: transparent url("/images/bg_notification-faux-column-light.gif") repeat-y 0 0; } #sitewrapper #content #main #create-edit-project fieldset.select_people ul { border-top: 1px solid #A7A7A7; float: left; } #sitewrapper #content #main #create-edit-project fieldset#permissions { } #sitewrapper #content #main #create-edit-project fieldset#notifications { } #sitewrapper #content #main fieldset.permissions_notifications h4, #sitewrapper #content #main #create-edit-project fieldset.project_owner h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #FFFFFF; padding-bottom: 10px; } #sitewrapper #content #main fieldset.permissions_notifications ul { padding: 10px 10px 0 10px; } #sitewrapper #content #main fieldset.permissions_notifications ul li { width: 185px; float: left; font-size: 11px; padding: 0 5px 10px 0; margin: 0; } #sitewrapper #content #main fieldset.all_or_some ul li { width: 250px; } #sitewrapper #content #main fieldset#notifications ul li { width: auto; } #sitewrapper #content #main fieldset.permissions_notifications ul li label.selected { font-weight: bold; } #sitewrapper #content #main fieldset.permissions_notifications ul li input { float: left; margin: 0 5px 5px 0; } #sitewrapper #content #main #create-edit-project fieldset.permissions_notifications ul li b { } #sitewrapper #content #main #create-edit-project fieldset.permissions_notifications ul li span { color: #999999; } /* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Project Recurrence --------------------*/ #sitewrapper #content #main #create-edit-project fieldset.recurring_project { height: auto; float: left; width: 600px; background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; } #sitewrapper #content #main #create-edit-project fieldset#recurrence { } #sitewrapper #content #main fieldset.recurring_project h4, #sitewrapper #content #main #create-edit-project fieldset.recurring_project h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #FFFFFF; padding-bottom: 10px; } #sitewrapper #content #main fieldset.recurring_project ul { padding: 10px 10px 0 10px; } #sitewrapper #content #main fieldset.recurring_project ul li { width: 185px; float: left; font-size: 11px; padding: 0 5px 10px 0; margin: 0; } #sitewrapper #content #main fieldset#recurrence ul li { width: auto; } #sitewrapper #content #main fieldset.recurring_project ul li label.selected { font-weight: bold; } #sitewrapper #content #main fieldset.recurring_project ul li input { float: left; margin: 0 5px 5px 0; } #sitewrapper #content #main #create-edit-project fieldset.recurring_project ul li b { } #sitewrapper #content #main #create-edit-project fieldset.recurring_project ul li span { color: #999999; } /* =Sitewrapper -> Content -> Project -> Detail --------------------*/ #sitewrapper #content #main #projects div.project-summary { margin: 40px 0; } #sitewrapper #content #main #projects div.project-summary div.budget-remaining { border: 1px solid #D2D202; background: #FFFFD5; padding: 10px; width: 483px; float: right; position: relative; z-index: 3000; } #sitewrapper #content #main #projects div.project-summary div.budget-remaining div.budget-remaining-inner { background: #FFFFD5 url("/images/bg_project-drill-down_budget-gradient.gif") repeat-x 0 0; padding: 10px; } #sitewrapper #content #main #projects div.project-summary div.budget-remaining h1 { padding: 0; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 20px; } #sitewrapper #content #main #projects div.project-summary div.budget-remaining p.project-budget { font-size: 12px; margin: 0 0 10px 0; } /* =Sitewrapper -> Content -> Project -> Drill Down --> Graph --------------------*/ #sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_green_bar, #sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_yellow_bar, #sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_red_bar, #sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_no-bar_bar { width: 401px; } #sitewrapper #content #main #projects div.project-summary div.budget-remaining p.people { font-size: 12px; margin: 10px 0 0 0; } #sitewrapper #content #main #projects div.project-summary h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; padding: 10px 0 10px 0; } #sitewrapper #content #main #projects div.project-summary h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; margin: 0; padding: 0 0 12px 0; } #sitewrapper #content #main #projects div.project-summary p.project-owner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 3px 0; } #sitewrapper #content #main #projects div.project-summary p.project-created-on { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 15px 0; } #sitewrapper #content #main #projects div.project-summary p.edit-close-project { font-weight: bold; color: #F90000; font-size: 12px; } #sitewrapper #content #main #projects div.project-summary p.edit-close-project a { color:#F90000; } #sitewrapper #content #main #projects div.project-summary p.edit-close-project a:hover { background:#F90000; color: #FFFFFF; } #sitewrapper #content #main #projects div.project-summary p.project-closed { color: #FFFFFF; width: 350px; line-height: 150%; font-size: 12px; font-weight: bold; padding: 10px; background: #666666; border: 1px solid #333333; } #sitewrapper #content #main #projects div.project-summary p.project-closed a { color: #FFFFFF; } #sitewrapper #content #main #projects div.project-summary p.project-closed a:hover { background: #FFFFFF; color: #666666; } #sitewrapper #content #main #projects div.project-summary p.basecamp-project { padding: 7px; width: 350px; font-family:Arial, Helvetica, sans-serif; line-height: 150%; margin-top: 15px; font-size: 12px; background: #E0EBEB; border: 1px solid #8FCACE; } #sitewrapper #content #main #projects div.project-summary p.basecamp-project strong { display: block; } #sitewrapper #content #main #projects div.project-summary p.basecamp-project span { display: block; font-weight: bold; margin-top: 10px; padding-left: 20px; background: transparent url('/images/icon_error.png') no-repeat 0 0; } #sitewrapper #content #main #projects div.project-summary p.basecamp-project small { font-size: 11px; } #sitewrapper #content #main #projects h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; margin: 0 0 10px 0; } /* =Sitewrapper -> Content -> Project -> Drill Down -> All Tasks --------------------*/ #sitewrapper #content #main #projects div.task { padding: 10px; margin-bottom: 20px; } #sitewrapper #content #main #projects div.task div.task-name p.task-status { float: right; position: relative; z-index: 1000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 30px 0 0; } #sitewrapper #content #main #projects div.task div.task-name p.task-status strong { } #sitewrapper #content #main #projects div.task div.task-name p.task-status a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #F90000; margin-left: 10px; } #sitewrapper #content #main #projects div.task div.task-name p.task-status a:hover { color: #FFFFFF; background: #F90000; } #sitewrapper #content #main #projects div.task div.task-name h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; padding: 10px 0 10px 20px; } #sitewrapper #content #main #projects div.task div.task-summary { padding: 10px 0 10px 20px; background: #FFFFFF; } #sitewrapper #content #main #projects div.task p.no-time { padding: 10px; font-size: 11px; background: #FBFBFB; text-align: center; } /* =Sitewrapper -> Content -> Project -> Drill Down -> Open Tasks --------------------*/ #sitewrapper #content #main #projects div.task { border: 1px solid #17CD03; background: #DEFCDC; } #sitewrapper #content #main #projects div.task div.task-name { background: #FFFFFF url("/images/bg_gradient_project-summary.gif") repeat-x left bottom; border-bottom: 1px solid #17CD03; } #sitewrapper #content #main #projects div.task div.task-summary { border-top: 1px solid #17CD03; } /* =Sitewrapper -> Content -> Project -> Drill Down -> Closed Tasks --------------------*/ #sitewrapper #content #main #projects div.task.closed { border: 1px solid #A7A7A7; background: #F3F3F3; } #sitewrapper #content #main #projects div.task.closed div.task-name { background: #FFFFFF url("/images/bg_gradient_closed.gif") repeat-x left bottom; border-bottom: 1px solid #A7A7A7; } #sitewrapper #content #main #projects div.task.closed div.task-summary { border-top: 1px solid #A7A7A7; } /* =Sitewrapper -> Content -> Projects -> Project Detail -> Task --> Graph --------------------*/ #sitewrapper #content #main #projects div.task div.task-summary div.graph { height: 15px; width: 405px; float: right; position: relative; margin: 5px 10px 0 0; z-index: 5000; } #sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_green_bar, #sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_yellow_bar, #sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_red_bar, #sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_no-bar_bar { width: 380px; } #sitewrapper #content #main #projects div.task div.task-summary p.task-budget-remaining { font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #sitewrapper #content #main #projects div.task div.task-summary p.task-budget-remaining strong.over { color: #890104; } #sitewrapper #content #main #projects div.task div.task-summary p.task-budget-total { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /* =Sitewrapper -> Content -> Reports --------------------*/ #sitewrapper #content #date-picker { background: #FFFFFF url("/images/bg_gradient_date-picker.gif") repeat-x 0 100%; border: 8px solid #F3F3F3; border-bottom: none; position: relative; top: 0; left: 0; z-index: 1000; width: 971px; height: 152px; } #sitewrapper #content #date-picker fieldset { display: block; float: left; background: none; padding: 0; margin-top: 7px; } #sitewrapper #content #date-picker fieldset input.disabled, #sitewrapper #content #date-picker fieldset select.disabled { border: 1px solid #CCCCCC !important; background-color: #EEEEEE !important; color: #9C9C9C !important; } #sitewrapper #content #date-picker #date-range { float: left; width: 303px; height: 131px; padding: 20px 0 0 32px; background: transparent url("/images/bg_reports-divider.gif") no-repeat 100% 50%; border-bottom: 1px solid #A7A7A7; } #sitewrapper #content #date-picker #date-range h2 { font-size: 16px; font-weight: bold; margin-bottom: 8px; } #sitewrapper #content #date-picker #date-range fieldset { } #sitewrapper #content #date-picker #date-range fieldset input.range, #sitewrapper #content #date-picker #date-range fieldset select.presets { border: 1px solid #A7A7A7; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #sitewrapper #content #date-picker #date-range fieldset input.range { width: 70px; float: left; } #sitewrapper #content #date-picker #date-range fieldset input.range-options { float: left; margin: 10px 7px 0 0; } #sitewrapper #content #date-picker #date-range fieldset span { display: block; float: left; background: #E9E9E9; padding: 4px; } #sitewrapper #content #date-picker #date-range fieldset #arrow { display: block; float: left; font-size: 16px; line-height: 33px; padding: 0 10px; } #sitewrapper #content #date-picker #date-range fieldset span a span { display: inline; float: none; background: transparent; padding: 0; } #sitewrapper #content #date-picker #filters { float: left; width: 349px; height: 147px; padding: 4px 0 0 20px; background: transparent url("/images/bg_reports-divider.gif") no-repeat 100% 50%; border-bottom: 1px solid #A7A7A7; } #sitewrapper #content #date-picker #filters fieldset { } #sitewrapper #content #date-picker #filters fieldset label { font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 11px; margin-right: 10px !important; margin-right: 5px; /* IE6 Box Model Woes */ line-height: 35px; display: block; float: left; } #sitewrapper #content #date-picker #filters fieldset label input { margin: 10px 2px 0 0 !important; margin: 10px 0 0 0; /* IE6 Box Model Woes */ display: block; float: left; } #sitewrapper #content #date-picker #filters fieldset h2 { display: block; float: left; width: 50px; line-height: 35px; font-size: 12px; text-align: right; margin-right: 10px; } #sitewrapper #content #date-picker #filters fieldset span { display: block; float: left; background: #E9E9E9; padding: 4px; } #sitewrapper #content #date-picker #filters fieldset span select { border: 1px solid #A7A7A7; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #sitewrapper #content #date-picker #actions.detail { height: 71px; padding: 80px 0 0 30px !important; } #sitewrapper #content #date-picker #actions { float: left; width: 237px; height: 117px; padding: 34px 0 0 30px !important; padding: 34px 0 0 27px; /* IE6 Box Model Woes */ border-bottom: 1px solid #A7A7A7; } #sitewrapper #content #date-picker #actions h2 { display: block; float: left; width: 60px; line-height: 34px; font-size: 12px; text-align: right; margin: 0 10px 12px 5px; } #sitewrapper #content #date-picker #actions ul#toggle_group_by li { display: block; float: left; } #sitewrapper #content #date-picker #actions ul#toggle_group_by li a { display: block; height: 34px; margin-bottom: 12px; text-indent: -5000px; background-color: transparent; background-repeat: no-repeat; } #sitewrapper #content #date-picker #actions ul#toggle_group_by li a:hover { background-position: top center; } #sitewrapper #content #date-picker #actions ul#toggle_group_by li a.selected { background-position: top right; cursor: default; } #sitewrapper #content #date-picker #actions ul#toggle_group_by li a#toggle_clients { width: 58px; background-image: url("/images/btn_group-by-client.png"); } #sitewrapper #content #date-picker #actions ul#toggle_group_by li a#toggle_people { width: 61px; background-image: url("/images/btn_group-by-person.png"); } #sitewrapper #content a#print_view { float: right; background-image: url("/images/icon_print_view.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; position: relative; top: 40px; right: 20px; } body#reports-drill-down #sitewrapper #content a#print_view { float: right; background-image: url("/images/icon_print_view.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; position: static; } #sitewrapper #content a#export_csv { float: right; background-image: url("/images/icon_export_csv.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin-left: 20px; position: relative; top: 40px; right: 20px; } body#reports-drill-down #sitewrapper #content a#export_csv { float: right; background-image: url("/images/icon_export_csv.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin-left: 15px; margin-right: 15px; position: static; } #sitewrapper #content #date-picker a#export_csv:hover { } #sitewrapper #content a#export_fb { float: right; background-image: url("/images/icon_export_fb.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 25px; margin-left: 20px; position: relative; top: 40px; right: 20px; } #sitewrapper #content #date-picker a#export_fb:hover { } #sitewrapper #content a#export_qb { float: right; background-image: url("/images/icon_export_qb.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 25px; margin-left: 20px; position: relative; top: 40px; right: 20px; } #sitewrapper #content #date-picker a#export_qb:hover { } #reports #sitewrapper #content #main, #reports-drill-down #sitewrapper #content #main { border-top: none !important; } #reports #sitewrapper #content #main h1 { border: none; padding-top: 40px; } #reports #sitewrapper #content #main a.export { float: right; position: relative; right: 20px; z-index: 3000; padding: 2px 0 1px 22px; font-weight: bold; font-size: 11px; background: url("/images/icon_export.gif") no-repeat 0 50%; } #reports #sitewrapper #content #main a.export:hover { background: #2874B9 url("/images/icon_export.gif") no-repeat 0 50%; } #sitewrapper #content #main #report-results { border: 1px solid #7DB0E3; padding: 10px; background: #ECF5FF; } #sitewrapper #clear { clear: both; } #sitewrapper #footer { margin: 20px 0; font-size: 11px; line-height: 180%; text-align: center; } #sitewrapper #footer a { font-weight: bold; } /* =Login --------------------*/ body#login div.inner, body#login #user-password, body#login #remember-password, body#login #remember-password input, body#login #forgot-password input, body#login #sign-in { position: relative; } body#login #sitewrapper { width: 485px; margin: 0 auto; } body#login #sitewrapper #header { width: 485px; } body#login #sitewrapper h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom: 7px; border-bottom: 1px solid #A7A7A7; margin-bottom: 10px; } body#login #sitewrapper fieldset#user-email { font-size: 12px; } body#login #sitewrapper fieldset#user-email p { } body#login #sitewrapper fieldset#user-email p span { width: 230px; margin-top: 5px; } body#login #sitewrapper fieldset#user-email p span input { width: 220px; } body#login #sitewrapper fieldset#user-password { border-bottom: 20px solid #FFFFFF; } body#login #sitewrapper fieldset#user-password p { width: 400px; } body#login #sitewrapper fieldset#user-password p span { width: 230px; margin-top: 5px; } body#login #sitewrapper fieldset#user-password p span input { width: 220px; } body#login #sitewrapper fieldset#user-password p strong { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 29px 10px 0 0; float: right; } body#login #sitewrapper fieldset#user-password p strong a { } body#login #sitewrapper label#remember-password { float: right; position: relative; z-index: 1000; margin: 17px 85px 0 0; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } body#login #sitewrapper label#remember-password input { margin-right: 5px; } body#login #sitewrapper #forgot-password { padding: 20px 0 0 15px; } body#login #sitewrapper #forgot-password label { padding-left: 10px; font-size: 12px; } .graph_thick_green, .graph_thick_yellow, .graph_thick_red, .graph_thick_no-bar { height: 60px; } .graph_thin_green, .graph_thin_yellow, .graph_thin_red, .graph_thin_no-bar { height: 23px; } /* =Green Thick Bar Graph --------------------*/ .graph_thick_green_open { height: 49px; width: 24px; float: left; background: transparent url("/images/graphs/graph_thick_green_open.gif") no-repeat 0 0; } .graph_thick_green_close { height: 49px; width: 26px; float: left; background: transparent url("/images/graphs/graph_thick_green_close.gif") no-repeat 0 0; } .graph_thick_green_bar { height: 49px; display: block; float: left; background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0; line-height: 49px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; } .graph_thick_green_bar strong { height: 25px; display: block; margin-top: 12px; float: left; text-indent: -5000px; line-height: 100%; background: transparent url("/images/graphs/graph_thick_green.gif") repeat-x 0 0; border-right: 1px solid #249816; } .graph_thick_green_bar b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 49px; color: #249816; padding-left: 3px; } /* =Green Thin Bar Graph --------------------*/ .graph_thin_green_open { height: 23px; width: 12px; float: left; background: transparent url("/images/graphs/graph_thin_green_open.gif") no-repeat 0 0; } .graph_thin_green_close { height: 23px; width: 11px; float: left; background: transparent url("/images/graphs/graph_thin_green_close.gif") no-repeat 0 0; } .graph_thin_green_bar { height: 23px; display: block; float: left; background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; } .graph_thin_green_bar strong { height: 15px; display: block; margin-top: 4px; float: left; text-indent: -5000px; line-height: 100%; background: transparent url("/images/graphs/graph_thin_green.gif") repeat-x 0 0; border-right: 1px solid #249816; } .graph_thin_green_bar b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 23px; color: #249816; padding-left: 3px; } /* =Yellow Thick Bar Graph --------------------*/ .graph_thick_yellow_open { height: 49px; width: 24px; float: left; background: transparent url("/images/graphs/graph_thick_yellow_open.gif") no-repeat 0 0; } .graph_thick_yellow_close { height: 49px; width: 26px; float: left; background: transparent url("/images/graphs/graph_thick_yellow_close.gif") no-repeat 0 0; } .graph_thick_yellow_bar { height: 49px; display: block; float: left; background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0; line-height: 49px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; } .graph_thick_yellow_bar strong { height: 25px; display: block; margin-top: 12px; float: left; line-height: 100%; background: transparent url("/images/graphs/graph_thick_yellow.gif") repeat-x 0 0; border-right: 1px solid #BD7100; } .graph_thick_yellow_bar strong b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; float: right; line-height: 100%; position: relative; right: 5px; top: 6px; } /* =Yellow Thin Bar Graph --------------------*/ .graph_thin_yellow_open { height: 23px; width: 12px; float: left; background: transparent url("/images/graphs/graph_thin_yellow_open.gif") no-repeat 0 0; } .graph_thin_yellow_close { height: 23px; width: 11px; float: left; background: transparent url("/images/graphs/graph_thin_yellow_close.gif") no-repeat 0 0; } .graph_thin_yellow_bar { height: 23px; display: block; float: left; background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; } .graph_thin_yellow_bar strong { height: 15px; display: block; margin-top: 4px; float: left; line-height: 100%; background: transparent url("/images/graphs/graph_thin_yellow.gif") repeat-x 0 0; border-right: 1px solid #BD7100; } .graph_thin_yellow_bar strong b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float: right; font-weight: normal; color: #FFFFFF; position: relative; right: 5px; top: 1px; } /* =Red Thick Bar Graph --------------------*/ .graph_thick_red_open { height: 49px; width: 24px; float: left; background: transparent url("/images/graphs/graph_thick_red_open.gif") no-repeat 0 0; } .graph_thick_red_close { height: 49px; width: 26px; float: left; background: transparent url("/images/graphs/graph_thick_red_close.gif") no-repeat 0 0; } .graph_thick_red_bar { height: 49px; display: block; float: left; background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; } .graph_thick_red_bar strong { height: 25px; display: block; margin-top: 12px; text-indent: -5000px; line-height: 100%; background: transparent url("/images/graphs/graph_thick_red.gif") repeat-x 0 0; } .graph_thick_red_bar b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; position: relative; bottom: 20px; left: 45%; } /* =Red Thin Bar Graph --------------------*/ .graph_thin_red_open { height: 23px; width: 12px; float: left; background: transparent url("/images/graphs/graph_thin_red_open.gif") no-repeat 0 0; } .graph_thin_red_close { height: 23px; width: 13px; float: left; background: transparent url("/images/graphs/graph_thin_red_close.gif") no-repeat 0 0; } .graph_thin_red_bar { height: 23px; display: block; float: left; background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; } .graph_thin_red_bar strong { height: 15px; display: block; margin-top: 4px; text-indent: -5000px; line-height: 100%; background: transparent url("/images/graphs/graph_thin_red.gif") repeat-x 0 0; } .graph_thin_red_bar b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; position: relative; bottom: 16px; left: 45%; } /* =No-bar Thick Bar Graph --------------------*/ .graph_thick_no-bar_open { height: 49px; width: 24px; float: left; background: transparent url("/images/graphs/graph_thick_open.gif") no-repeat 0 0; } .graph_thick_no-bar_close { height: 49px; width: 26px; float: left; background: transparent url("/images/graphs/graph_thick_close.gif") no-repeat 0 0; } .graph_thick_no-bar_bar { height: 49px; display: block; float: left; background: transparent url("/images/graphs/graph_thick_middle.gif") repeat-x 0 0; line-height: 49px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; text-align: center; } .graph_thick_no-bar_bar b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #249816; } /* =No-bar Thin Bar Graph --------------------*/ .graph_thin_no-bar_open { height: 23px; width: 12px; float: left; background: transparent url("/images/graphs/graph_thin_open.gif") no-repeat 0 0; } .graph_thin_no-bar_close { height: 23px; width: 11px; float: left; background: transparent url("/images/graphs/graph_thin_close.gif") no-repeat 0 0; } .graph_thin_no-bar_bar { height: 23px; display: block; float: left; background: transparent url("/images/graphs/graph_thin_middle.gif") repeat-x 0 0; line-height: 23px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #249816; text-align: center; } .graph_thin_no-bar_bar b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #249816; } /* =Sitewrapper -> Content -> General Settings --------------------*/ #sitewrapper #content #main fieldset#tick-url { margin-bottom: 20px !important; margin-bottom: 0px; float: left; } #sitewrapper #content #main fieldset#tick-url #availability { margin: 4px 0 0 0; float: left; } #sitewrapper #content #main fieldset#tick-url p { float: left; height: 28px; width: 375px; } #sitewrapper #content #main fieldset#tick-url p b { font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: block; float: left; margin: 0 5px; line-height: 34px; } #sitewrapper #content #main fieldset#tick-url p span { width: 200px; float: left; } #sitewrapper #content #main fieldset#tick-url p span input { margin: 0; width: 190px; } #sitewrapper #content #main fieldset#account-owner { } #sitewrapper #content #main fieldset#account-owner p { } #sitewrapper #content #main fieldset#account-owner p span { padding: 4px; width: 200px; } #sitewrapper #content #main fieldset#account-owner p span select { width: inherit; } #sitewrapper #content #main fieldset#account-owner p span select option { } /* =Sitewrapper -> Content -> Change Your Plan --------------------*/ #sitewrapper #content #main table#pricing-matrix { width: 100%; margin: 20px 0 0 0; border-collapse: collapse; font-size: 12px; } #sitewrapper #content #main table#pricing-matrix thead { } #sitewrapper #content #main table#pricing-matrix thead tr { } #sitewrapper #content #main table#pricing-matrix thead tr th { background: #ECF5FF; text-align: center; font-size: 11px; color: #999999; font-weight: normal; padding: 10px 0; } #sitewrapper #content #main table#pricing-matrix thead tr th.current-plan { font-size: 12px; color: #000000; font-weight: bold; background: #FFFFCC; } #sitewrapper #content #main table#pricing-matrix tbody { } #sitewrapper #content #main table#pricing-matrix tbody tr { } #sitewrapper #content #main table#pricing-matrix tbody tr td { text-align: center; border: 1px solid #EEEEEE; color: #000000; } #sitewrapper #content #main table#pricing-matrix tbody tr td.feature { text-align: left; border-left: none; font-weight: bold; padding: 10px 0 12px 5px; } #sitewrapper #content #main table#pricing-matrix tbody tr td.price { width: 119px; font-weight: bold; } #sitewrapper #content #main table#pricing-matrix tbody tr td.current-plan { background: #FFFFCC; } #sitewrapper #content #main table#pricing-matrix tfoot { } #sitewrapper #content #main table#pricing-matrix tfoot tr { } #sitewrapper #content #main table#pricing-matrix tfoot tr td { background: #F7F7F7; padding: 10px; } #sitewrapper #content #main table#pricing-matrix tfoot tr td ol { padding-left: 25px; } #sitewrapper #content #main table#pricing-matrix tfoot tr td ol li { font-size: 11px; color: #999999; list-style: decimal; line-height: 150%; } #sitewrapper #content #main #cancel { margin-top: 30px; } #sitewrapper #content #main #cancel h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 5px; } #sitewrapper #content #main #cancel p { font-size: 12px; line-height: 150%; } #sitewrapper #content #main #cancel p strong { font-weight: normal; color: #F90000; } #sitewrapper #content #main #cancel #cancel-account { width: 280px; float: right; position: relative; z-index: 1000; padding: 25px 15px; margin: 0 0 0 20px; background: #F3F3F3; } #sitewrapper #content #main #cancel #cancel-account strong { font-weight: normal; color: #F90000; font-size: 11px; line-height: 150%; } #sitewrapper #content #main #cancel #cancel-account input { margin: 10px 0 0 0; } /* =Sitewrapper -> Content -> Billing Information --------------------*/ input#submit { margin-top: 20px; padding: 4px; } #sitewrapper #content #main fieldset#billing-address { } #sitewrapper #content #main fieldset#billing-address label { } #sitewrapper #content #main fieldset#billing-address label#zip { float: left; } #sitewrapper #content #main fieldset#billing-address label#zip span { width: 100px; } #sitewrapper #content #main fieldset#billing-address label#zip span input { width: 90px; } #sitewrapper #content #main fieldset#billing-address label#country { float: left; margin-left: 10px; } #sitewrapper #content #main fieldset#billing-address label#country span { width: 342px; } #sitewrapper #content #main fieldset#billing-address label#country span select { width: 342px; } #sitewrapper #content #main fieldset#credit-card { } #sitewrapper #content #main fieldset#credit-card p#card-info { } #sitewrapper #content #main fieldset#credit-card label { } #sitewrapper #content #main fieldset#credit-card label#card-number { float: left; } #sitewrapper #content #main fieldset#credit-card label#card-number span { width: 196px; } #sitewrapper #content #main fieldset#credit-card label#card-number span input { width: 186px; } #sitewrapper #content #main fieldset#credit-card label#expiration-date { float: left; margin-left: 10px; } #sitewrapper #content #main fieldset#credit-card label#expiration-date span { width: 165px; } #sitewrapper #content #main fieldset#credit-card label#expiration-date span select { width: 165px; } #sitewrapper #content #main fieldset#credit-card label#expiration-year { float: left; } #sitewrapper #content #main fieldset#credit-card label#expiration-year span { width: 71px; } #sitewrapper #content #main fieldset#credit-card label#expiration-year span select { width: 71px; } #sitewrapper #content #main fieldset#credit-card p#security-code { background: url("/images/icon_security-code.gif") no-repeat 80px 20px; } #sitewrapper #content #main fieldset#credit-card p#security-code label { padding-top: 10px !important; padding-top: 0; } #sitewrapper #content #main fieldset#credit-card p#security-code label span { width: 70px; } #sitewrapper #content #main fieldset#credit-card p#security-code label input { width: 60px; } #sitewrapper #content #main fieldset#account-agreement { } #sitewrapper #content #main fieldset#account-agreement p { font-size: 12px; padding: 10px; background: #F3F3F3; } #sitewrapper #content #main fieldset#account-agreement p label { font-size: 13px; font-weight: bold; display: block; margin-top: 10px; } #sitewrapper #content #main fieldset#account-agreement p label input { margin-right: 7px; } /* =Sitewrapper -> Content -> Basecamp Integration --------------------*/ #sitewrapper #content #main fieldset#bc-url { } #sitewrapper #content #main fieldset#bc-url p { float: left; height: 28px; width: 500px; } #sitewrapper #content #main fieldset#bc-url p b { font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: block; float: left; margin: 0 5px; line-height: 34px; } #sitewrapper #content #main fieldset#bc-url p span { width: 200px; float: left; } #sitewrapper #content #main fieldset#bc-url p span input { width: 190px; } #sitewrapper #content #main fieldset#bc-url p span select { width: 200px; } #sitewrapper #content #main fieldset#bc-status { height: auto; width: 600px; background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; } #sitewrapper #content #main fieldset#bc-status ul { padding: 10px; } #sitewrapper #content #main fieldset#bc-status ul li { font-size: 12px;; padding: 5px 0 5px 0; margin: 0; } #sitewrapper #content #main fieldset#bc-status ul li input { margin-right: 5px; } #sitewrapper #content #main fieldset#bc-time-pull { height: auto; width: 600px; background: transparent url("/images/bg_notification-faux-column.gif") repeat-y 0 0; } #sitewrapper #content #main fieldset#bc-time-pull ul { padding: 10px; } #sitewrapper #content #main fieldset#bc-time-pull ul li { font-size: 12px; padding: 5px 0 5px 0; margin: 0; } #sitewrapper #content #main fieldset#bc-time-pull ul li input { margin-right: 5px; } /* =Sitewrapper -> Content -> Basecamp Active --------------------*/ #sitewrapper #content #main div.bc_active h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #sitewrapper #content #main div.bc_active p.bc_import_disabled { position: absolute; top: 1px; right: 0; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #F90000; } #sitewrapper #content #main div.bc_active p { } #sitewrapper #content #main div.bc_active p.bc_edit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #sitewrapper #content #main div.bc_active p.bc_edit a { font-weight: normal; } #sitewrapper #content #main div.bc_active p.bc_edit a.edit_settings { color: #F90000; margin-left: 15px; } #sitewrapper #content #main div.bc_active p.bc_edit a.edit_settings:hover, #sitewrapper #content #main div.bc_active p.bc_edit a.edit_settings:active { color: #FFFFFF; background-color: #F90000;; } #sitewrapper #content #main div.bc_active fieldset { font-size: 12px; } #sitewrapper #content #main div.bc_active fieldset#bc_people_select_all { height: auto; overflow: visible; width: 917px; background: #E9E9E9 url("/images/bg_notification-faux-column.gif") repeat-y 0 0; } #sitewrapper #content #main div.bc_active fieldset#bc_people_select_all ul {} #sitewrapper #content #main div.bc_active fieldset#bc_people_select_all ul li { padding: 10px; } #sitewrapper #content #main div.bc_active fieldset#bc_people { margin-top: 0; width: 917px; background: #F3F3F3 url("/images/bg_notification-faux-column-light.gif") repeat-y 0 0; } #sitewrapper #content #main div.bc_active fieldset#bc_people ul { height: auto; overflow: visible; border-top: 1px solid #A7A7A7; padding: 10px; } #sitewrapper #content #main div.bc_active fieldset#bc_people ul li { float: left; width: 440px; padding: 0 5px 10px 0; } #sitewrapper #content #main div.bc_active fieldset#bc_people_submit { margin: 0; padding-top: 12px; } #sitewrapper #content #main div.bc_active fieldset#bc_people_submit a { display: block; float: left; width: 155px; height: 23px; overflow: hidden; text-indent: -5000px; cursor: pointer; background: transparent url('/images/btn_bc_add_people.gif') no-repeat 0 0; } #sitewrapper #content #main div.bc_active fieldset#bc_people_submit a:hover, #sitewrapper #content #main div.bc_active fieldset#bc_people_submit a:active { background: transparent url('/images/btn_bc_add_people.gif') no-repeat -155px 0; } #sitewrapper #content #main div.bc_active fieldset#bc_people_submit span { line-height: 23px; color: #666666; padding-left: 10px; } #sitewrapper #content #main div.bc_active #bc_project_listing { background: #ECF5FF; border: 1px solid #7DB0E3; padding: 10px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects { background-color: #FFFFFF; padding: 0 0 20px 0; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table { width: 100%; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead { } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr { } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left; padding: 20px 0 4px 10px; border-bottom: 1px solid #DADADA; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.bc_client_name { } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.bc_update_status, #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.bc_import { text-align: right; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table thead tr th.last-column { padding-left: 0; text-align: center; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody { } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr { } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr.odd { background-color: #FBFBFB; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr.odd td { } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr td { border-bottom: 1px solid #DADADA; line-height: 25px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table tbody tr td strong { font-weight: normal; color: #F90000; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_project_name { padding-left: 10px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_project_name { font-size: 12px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_project_name a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_update_status { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 160px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_update_status a { color: #F90000; padding: 2px 20px 2px 0; height: 16px; font-weight: normal; text-decoration: none; background: transparent url('/images/icon_help.png') no-repeat 100% 50%; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import { width: 120px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import span.work-icon { display:block; height: 16px; padding: 0; margin: 0; overflow: hidden; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import span.work-icon img { margin-top: -5px; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a { display: block; margin: 0 auto; width: 56px; height: 16px; overflow: hidden; text-indent: -5000px; cursor: pointer; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_retry { background: transparent url('/images/btn_bc_retry.gif') no-repeat 0 0; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_import { background: transparent url('/images/btn_bc_import.gif') no-repeat 0 0; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_retry:hover, #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_retry:active, #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_import:hover, #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.bc_import a.bc_import:active { background-position: -56px 0; } #sitewrapper #content #main div.bc_active #bc_project_listing #bc_projects table td.last-column { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; } /* =Sitewrapper -> Content -> Users --------------------*/ #users #action { margin: 20px 0 20px 0; } #sitewrapper #content #main a#add-new-user { font-size: 12px; font-weight: bold; float: right; color: #FF0000; } #sitewrapper #content #main a#add-new-user:hover { background-color: #FF0000; color: #FFFFFF; } #sitewrapper #content #main #user-info { } #users #sitewrapper #content #main #user-info fieldset p span { width: 285px; } #sitewrapper #content #main #user-info fieldset p span input { width: 275px; } #sitewrapper #content #main #user-info fieldset p span select { width: 285px; } #sitewrapper #content #main #user-info label#make-admin { float: right; width: 280px; margin: 25px 0 0 0; font-weight: bold; } #sitewrapper #content #main #user-info label#make-admin input { margin-right: 5px; width: 15px; } #sitewrapper #content #main #user-info p.user-options { clear: left; margin: 25px 0 0 15px; } #sitewrapper #content #main #user-table { clear: left; width: 595px; background: #ECF5FF; border: 1px solid #7DB0E3; padding: 10px; float: left; } #sitewrapper #content #main #user-table table { background: #FFFFFF; width: 100%; padding-bottom: 20px; } #sitewrapper #content #main #user-table table thead { } #sitewrapper #content #main #user-table table thead tr { } #sitewrapper #content #main #user-table table thead tr th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; padding: 10px 0; border-bottom: 1px solid #DADADA; } #sitewrapper #content #main #user-table table thead tr th.edit-person { padding-left: 20px; width: 45px; } #sitewrapper #content #main #user-table table thead tr th.person { } #sitewrapper #content #main #user-table table thead tr th.email-address { } #sitewrapper #content #main #user-table table thead tr th.admin { padding-right: 20px; text-align: right; } #sitewrapper #content #main #user-table table tbody { } #sitewrapper #content #main #user-table table tbody tr { } #sitewrapper #content #main #user-table table tbody tr td { font-size: 12px; padding: 5px 0; border-bottom: 1px solid #DADADA; } #sitewrapper #content #main #user-table table tbody tr td.odd { background: #FBFBFB; } #sitewrapper #content #main #user-table table tbody tr td.account-owner { background: #FFFFE1; } #sitewrapper #content #main #user-table table tbody tr td.edit-person { padding-left: 20px; font-weight: bold; } #sitewrapper #content #main #user-table table tbody tr td.person { } #sitewrapper #content #main #user-table table tbody tr td.email { } #sitewrapper #content #main #user-table table tbody tr td.admin { text-align: right; padding-right: 20px; } table.expanding-data-table { background-color: #FFFFFF; width: 100%; border-bottom: 20px solid white; } table.expanding-data-table .working { display: inline; } /* =Table Head --------------------*/ table.expanding-data-table thead { } table.expanding-data-table thead tr { } table.expanding-data-table thead tr th { padding: 15px 0; border-bottom: 1px solid #DADADA; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } table.expanding-data-table thead tr th.header_name, table.expanding-data-table thead tr th.person_name { text-align: left; padding-left: 20px; } table.expanding-data-table thead tr th.header_name { width: 560px; } table.expanding-data-table thead tr th.person_name { width: 350px; } table.expanding-data-table thead tr th.header_time-entered, table.expanding-data-table thead tr th.person_time-entered { text-align: right; width: 110px; } table.expanding-data-table thead tr th.header_total-projects, table.expanding-data-table thead tr th.person_last-entered { text-align: right; padding-right: 20px; } /* =Table Body (multiple) --------------------*/ table.expanding-data-table tbody { } table.expanding-data-table tbody tr { } table.expanding-data-table tbody tr td { padding: 5px 0; border-bottom: 1px solid #DADADA; font-size: 12px; } table.expanding-data-table tbody tr.totals td { padding: 5px 430px 5px 0; border-bottom: 1px solid #7DB0E3; background-color: #ECF5FF; font-size: 12px; text-align: right; } body#project-drill-down table.expanding-data-table tbody tr.totals td { padding: 5px 430px 5px 0; } body#reports table.expanding-data-table tbody tr.totals td { padding: 5px 220px 5px 0; } body#reports-drill-down table.expanding-data-table tbody tr.totals td { padding: 5px 430px 5px 0; } body#reports table.expanding-data-table tbody tr.lock_unlock td { padding: 5px 0 5px 20px; font-size: 11px; line-height: 15px; } body#reports table.expanding-data-table tbody tr.lock_unlock td span { font-style: italic; font-size: 10px; color: #666666; } table.expanding-data-table tbody tr.totals td span { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } table.expanding-data-table tbody tr td.grouped_by_name, table.expanding-data-table tbody tr td.person_name { text-align: left; padding-left: 20px; } table.expanding-data-table tbody tr td.grouped_by_name a, table.expanding-data-table tbody tr td.person_name a { background: url("/images/icon_plus.gif") no-repeat 0 50%; font-weight: bold; padding-left: 15px; } table.expanding-data-table tbody tr td.grouped_by_name a:hover, table.expanding-data-table tbody tr td.person_name a:hover { background: #2874B9 url("/images/icon_plus.gif") no-repeat 0 50%; } table.expanding-data-table tbody tr td.grouped_by_time-entered, table.expanding-data-table tbody tr td.person_time-entered { text-align: right; } table.expanding-data-table tbody tr td.grouped_by_total-projects, table.expanding-data-table tbody tr td.person_last-entered { text-align: right; padding-right: 20px; } table.expanding-data-table tbody tr.expanded { } table.expanding-data-table tbody tr.expanded td { border-top: 1px solid #999999; border-bottom: 1px solid #999999; } table.expanding-data-table tbody tr.expanded td.grouped_by_name, table.expanding-data-table tbody tr.expanded td.person_name { border-left: 1px solid #999999; } table.expanding-data-table tbody tr.expanded td.grouped_by_name a, table.expanding-data-table tbody tr.expanded td.person_name a { background: url("/images/icon_minus.gif") no-repeat 0 50%; font-weight: bold; padding-left: 15px; } table.expanding-data-table tbody tr.expanded td.grouped_by_name a:hover, table.expanding-data-table tbody tr.expanded td.person_name a:hover { background: #2874B9 url("/images/icon_minus.gif") no-repeat 0 50%; } table.expanding-data-table tbody tr.expanded td.grouped_by_time-entered, table.expanding-data-table tbody tr.expanded td.person_time-entered { } table.expanding-data-table tbody tr.expanded td.grouped_by_total-projects, table.expanding-data-table tbody tr.expanded td.person_last-entered { border-right: 1px solid #999999; } table.expanding-data-table tbody tr.expanded-head { } table.expanding-data-table tbody tr.expanded-head th { padding: 15px 0 5px 0; border-bottom: 1px solid #F4F402; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } table.expanding-data-table tbody tr.expanded-head.first th { background: url("/images/bg_gradient_project-detail_expanded.gif") repeat-x 0 0; } table.expanding-data-table tbody tr.expanded-head th.group_name, table.expanding-data-table tbody tr.expanded-head th.entry_date { text-align: left; padding-left: 35px; border-left: 1px solid #999999; } table.expanding-data-table tbody tr.expanded-head th.group_time-entered, table.expanding-data-table tbody tr.expanded-head th.entry_time { text-align: right; } table.expanding-data-table tbody tr.expanded-head th.group_current-status { text-align: right; padding-right: 20px; border-right: 1px solid #999999; } table.expanding-data-table tbody tr.expanded-head th.entry_note { text-align: left; padding-left: 50px; border-right: 1px solid #999999; } table.expanding-data-table tbody tr.expanded-inner { } table.expanding-data-table tbody tr.expanded-inner td { padding: 5px 0; border-bottom: 1px solid #F4F402; font-size: 12px; font-weight: normal; } table.expanding-data-table tbody tr.expanded-inner td.project_name, table.expanding-data-table tbody tr.expanded-inner td.entry_date { text-align: left; padding-left: 35px; border-left: 1px solid #999999; } table.expanding-data-table tbody tr.expanded-inner td.entry_date.locked { background-image: url('/images/icon_locked.png'); background-repeat: no-repeat; background-position: 11px 50%; } table.expanding-data-table tbody tr.expanded-inner td.entry_date.basecamp { background-image: url('/images/icon_from_basecamp.png'); background-repeat: no-repeat; background-position: 11px 50%; } table.expanding-data-table tbody tr.expanded-inner td.entry_date.locked.basecamp { background-image: url('/images/icon_locked_basecamp.png'); background-repeat: no-repeat; background-position: 5px 50%; } table.expanding-data-table tbody tr.expanded-inner td.project_name a, table.expanding-data-table tbody tr.expanded-inner td.entry_date a { font-weight: bold; } table.expanding-data-table tbody tr.expanded-inner td.project_time-entered, table.expanding-data-table tbody tr.expanded-inner td.entry_time { text-align: right; } table.expanding-data-table tbody tr.expanded-inner td.project_current-status, table.expanding-data-table tbody tr.expanded-inner td.entry_note { text-align: left; padding-right: 20px; border-right: 1px solid #999999; } table.expanding-data-table tbody tr.expanded-inner td.entry_note { width: 361px; padding-left: 50px; } table.expanding-data-table tbody tr.expanded-inner td.entry_note pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; white-space: pre-wrap !important; white-space: normal; } table.expanding-data-table tbody tr.expanded-foot { } table.expanding-data-table tbody tr.expanded-foot td { border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; font-size: 3px; } table.expanding-data-table tbody tr.odd td { background-color: #FBFBFB; } table.expanding-data-table tbody tr.expanded-inner td.odd { background-color: #FFFFE1; } /*IE doesn't like this for some reason */ table.expanding-data-table tbody tr.expanded-inner td.odd { background-color: #FFFFE1; } /*IE doesn't like this for some reason */