html, body   {height:100%}
html         {overflow-y:scroll}
body         {margin:0px; padding:0px; line-height:125%; font-size:10pt; font-family:Arial,sans-serif; text-align:center;
              background-image:none; background-color:#f8f8f8; color:black}
tr           {vertical-align:top; font-size:10pt}
th           {text-align:left; font-weight:normal; vertical-align:bottom; border-bottom:solid 1px black}
td           {line-height:175%; font-size:10pt}
h1           {font-size:18pt; font-family:Arial,sans-serif; font-weight:normal; line-height:150%; margin:0px; padding:0px}
h2           {text-align:left; display:inline; font-size:16pt; font-family:Arial,sans-serif; font-weight:normal; line-height:150%; margin-left:0px; padding-left:0px}
h3           {font-size:14pt; margin:0px; padding-top:0px; font-family:Arial,sans-serif; font-weight:normal; line-height:150%}
h4           {line-height:125%}
u            {font-weight:bold}
form         {margin:0px; padding:0px}
textarea     {font-family:Arial,sans-serif}
option       {font-size:10pt}
select       {font-size:10pt}
ol           {padding-left:12px; margin-left:9px; line-height:175%}
ul           {padding-left:12px; margin-left:9px; list-style-image:url(/images/bullet); line-height:175%}
fieldset     {border:0px; padding:0px; margin:0px; margin-top:12px}
legend       {border:0px; color:black; background-color:#e0e0e0; width:100%}
hr           {height:0px; border-width:0px; border-top:solid 1px black}
sup          {vertical-align:0px; position:relative; bottom:1ex}
#pageBody input       {box-sizing:border-box; -webkit-box-sizing:border-box}
#pageBody select      {box-sizing:border-box; -webkit-box-sizing:border-box}
#pageBody textarea    {box-sizing:border-box; -webkit-box-sizing:border-box}
#pageBody form        {background-color:whitesmoke}

.tblList     {display:table; white-space:nowrap; padding:0px; margin:0px; width:100%}
.trList      {display:table-row; white-space:nowrap; padding:0px; margin:0px; width:100%}
.tdList      {display:table-cell; white-space:nowrap; vertical-align:top; padding:0px; margin:0px}
.col1        {width:49%; float:left; margin-right:-50%; padding-left:12px; padding-right:12px}
.col2        {width:49%; float:right; padding-left:12px}
.colFoot     {clear:both}

.row0 td     {border-bottom:solid 1px #e0e0e0; border-top:solid 1px #ffffff}
.row1 td     {border-bottom:solid 1px #e0e0e0; border-top:solid 1px #ffffff}
.rowTop td   {border-top:solid 1px #e0e0e0}

.mlink       {line-height:normal; white-space:nowrap}
.plink       {line-height:normal; white-space:nowrap}
.tlink       {line-height:normal; white-space:nowrap}
.tsMenu      {line-height:normal}
#pageBody    {width:100%; height:100%}
#homePageBody       {width:100%; height:100%; margin-left:24px; padding-right:0px}
#homePageContent    {width:100%; padding-top:12px; padding-bottom:12px; margin-left:24px; margin-top:24px; background-color:#0088D4;
                     background-image:url(/images/bg/clouds4); background-repeat:no-repeat;
                     -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:solid 1px #f0f0f0}
#homePageBody .lead {color:white; padding-left:0px; text-shadow:#666666 1px 1px 1px; width:85%;
                     filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=135,Strength=5)}
#homePageBody h2.lead {font-size:14pt}
#homePageFooter     {margin-left:24px}
#kioskIntro         {margin-left:228px}
#kioskLoginArea     {padding-right:0px !important}
.grid        {border:solid 1px #cccccc; padding:0px; margin:0px; width:960px; margin-left:auto; margin-right:auto; text-align:left; height:100%; 
              background-color:white; box-shadow:3px 3px 12px #cccccc}
#gridTop     {padding:0px}
#grabber     {position:absolute; top:90px; left:50%; cursor:n-resize}
.menu        {width:100%; white-space:nowrap}
.subMenu     {width:100%; white-space:nowrap}
.tabMenu     {width:100%; white-space:nowrap}
#coyMenu     {white-space:nowrap}
#coyMenu2    {text-indent:0px}
#coySpacer   {height:0px; width:195px !important}
#h_helpdesk  {display:block}
.tipClose    {position:relative; float:right; top:-1px !important; right:0px !important; font-size:12pt; line-height:100%; 
              padding:3px; padding-top:0px; border:solid 1px #999999}
.ascending   {cursor:url("/images/ascending"), n-resize}
.descending  {cursor:url("/images/descending"), n-resize}

#mainMenu #menuPad1   {display:none}
#mainMenu #menuPad2   {width:99%; padding-right:6px; height:20px}
#mainMenu #menuPad3   {display:none}

.handheldOnly{display:none}
.lowresOnly  {display:none}
.dropDown    {visibility:hidden; position:absolute; z-index:201; line-height:175%; text-align:left;
              background-color:whitesmoke; width:0px; display:none}
.orgMenu .dropDown {padding-left:0px; padding-right:6px}
#coyMenu .dropDown {padding-left:0px; padding-right:6px}
.dropDown2   {text-align:left; margin-top:0px}
#tsFinal     {background-color:whitesmoke; visibility:hidden; z-index:201; position:absolute; border:solid 1px silver;
              -webkit-border-radius:0px 6px 6px 6px; -webkit-box-shadow:3px 6px 6px #6a7178}
.personalFile{position:absolute; z-index:200; font-size:10pt; visibility:hidden}
.persFile    {line-height:150%; background-color:whitesmoke}
.ss_menu     {display:none}
.hidden      {display:none}
.noWrap      {white-space:nowrap}
.wrap        {white-space:normal}
.tour        {padding-right:12px; padding-top:12px; padding-bottom:24px; border:1px solid #999999; width:624px;
              border-width:0px; background-color:transparent}
.tourInner   {background-color:#FFFFFF; border:1px solid #999999; border-top:0px; height:16em; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;
              -webkit-border-radius:0px 0px 5px 5px; margin-top:0px; padding:12px}
.tourInner a,
.tourInner a:hover,
.tourInner a:visited     {color:#333333; text-decoration:none; cursor:default}
.tourInner th a, 
.tourInner th a:hover,
.tourInner th a:visited  {color:#ffffff; text-decoration:none; cursor:default}
#flowchart   {border:solid 1px transparent; border-bottom:0px}
.flow        {border:solid 1px silver; border-right:0px;
              -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;
              padding:12px; background-color:#f0f0f0; 
              opacity:0.6; filter:alpha(opacity=60)}
.quoteMark   {font-size:32pt; line-height:50%; padding-left:12px; padding-right:12px; opacity:0.75; filter:alpha(opacity=75)}
.wideReport  {width:940px; overflow:scroll}

#top_banner  {margin-bottom:0px; height:84px}
#logo1       {visibility:hidden; height:72px}
#logoa       {background-image:url(/images/iPayroll); background-repeat:no-repeat; background-position:6px 12px;
              background-attachment:scroll; font-size:xx-large; display:block; visibility:visible}
#newlogo1    {background-image:none}
#newlogo2    {background-image:none}
#newlogo3    {background-image:none}
.copyright   {font-size:8pt; vertical-align:bottom}

#mainMenu .menu       {background-color:whitesmoke; border-top:1px solid}
#mainSubMenu .subMenu {background-color:whitesmoke}
#subSpacer1           {width:0px}
.pageSpacer1          {width:0px; padding:0px; border:0px}
#pageSpacer1          {width:0px; height:100%; padding:0px; border:0px; background-color:#FFFFFF}
#pageSpacerHome       {display:inline}
.pageSpacer3          {display:none}

.leftMenu           {margin:0px; position:relative; width:264px}
.leftsm1            {height:12pt; text-indent:0px} 
.leftsm2            {height:100%; display:block}

#next_container     {text-align:right}
#menu_leftTop       {width:258px; padding-left:0px; padding-right:10px; border-left:solid 1px silver; border-bottom:solid 1px silver;
                     overflow:hidden; white-space:nowrap; margin:0px}
#menu_leftBottom    {width:258px; padding-left:0px; padding-right:10px; border:solid 1px silver; border-right-width:0px; border-top-width:0px;
                     overflow:hidden; background-color:white; white-space:nowrap; margin:0px; padding-bottom:1px}
#menu_timesheets    {width:258px; padding-left:0px; padding-right:0px; border-left:solid 1px silver;
                     overflow-y:scroll; background-color:white; white-space:nowrap;
                     margin:0px; line-height:125%}
#menu_timesheets ul {padding:0px; margin:0px; list-style-type:none; list-style-image:none; text-indent:6px;
                     width:100%; overflow:hidden; line-height:125%; font-size:10pt; padding:0px}

.suggestion_list           {background-color:white; border:1px solid black; padding:4px; z-index:999; overflow:hidden}
.suggestion_list ul        {padding:0; margin:0; list-style-type:none; list-style-image:none; font-size:10pt; padding-left:8px;
                            overflow:hidden; white-space:nowrap}
.suggestion_list a         {text-decoration:none; white-space:nowrap}
.suggestion_list .selected {background-color:black; color:white}
#autosuggest               {display:none}

.total       {font-weight:bold; white-space:nowrap}
hr           {border-top:solid 1px black; height:0px; color:black; margin-bottom:0px; padding-bottom:0px}
.data        {width:100%; text-indent:0px; font-size:10pt}
.timesheet   {border:solid 1px silver; margin:0px; padding:0px; width:100%; -webkit-box-shadow:0px 3px 3px silver}
.transEntry  {white-space:normal; padding:0px}
.box         {border:solid 1px silver; width:120px; white-space:nowrap; padding:2px}
.number      {text-align:right; white-space:nowrap}
.small       {font-size:smaller; white-space:nowrap}
.smallRight  {text-align:right; font-size:smaller; white-space:nowrap}
.wide        {display:block; width:100%}
.fullscreenOnly {display:none}

.smallForm   {border:solid 1px black; background-color:white; width:120px}
.formHdg     {font-size:12pt; text-align:left; color:black; padding:0px; background-color:white}
.formBody    {font-size:8pt; padding:0px; white-space:normal; font-family:"Arial","sans-serif"}
.formInput   {width:55px; font-size:smaller; margin:2px}
.formButton  {font-size:7pt; height:2em; width:55px; margin:2px}

.border      {border:1px solid black; padding:1pt}
.indent      {text-indent:36px}
.indent2     {text-indent:48px}

.search_box  {position:relative; top:24px; left:348px; width:180px; height:48px; background-color:transparent; border-width:0px}
#search_form {padding:0px; margin:0px}
#page_key    {display:none}
#q           {font-size:8pt; width:180px}
.search_box A.slink {font-size:8pt; padding:0px; padding-right:12px}
#gos         {font-size:8pt; padding-top:0px; padding-bottom:0px; padding-left:4px; padding-right:4px; width:60px; text-align:center}
#gos1        {font-size:8pt; padding-top:0px; padding-bottom:0px; padding-left:4px; padding-right:4px; width:60px; text-align:center}
#login1      {font-size:8pt; padding-top:0px; padding-bottom:0px; padding-left:4px; padding-right:4px; width:60px; margin-top:0px; display:inline !important; text-align:center}
#login2      {font-size:8pt; padding-top:0px; padding-bottom:0px; padding-left:4px; padding-right:4px; width:60px; margin-top:0px; text-align:center}
#logOut      {font-size:8pt; padding-top:0px; padding-bottom:0px; padding-left:4px; padding-right:4px; width:60px; margin-top:0px; text-align:center}

#qty         {min-width:2em; max-width:4em; font-weight:bold; color:black; text-align:right; 
              background-image:url(/images/one-small); background-repeat:no-repeat; background-position:0px 50%}
#ele         {background-image:url(/images/two-small); background-repeat:no-repeat; background-position:8px 50%; align:right; padding-left:6px}
#elementId   {width:90%;font-family:'Arial Narrow','Arial','Sans Serif'; margin-right:2px}
#costCentre  {width:100%; margin-right:2px}
#rteBox      {background-image:url(/images/three-small); background-repeat:no-repeat; background-position:12px 50%; align:right}
#rte         {min-width:2em; max-width:6em}
.td1         {width:10%}
.td2         {width:40%}
.td3         {width:25%}
.td4         {width:10%}
.td5         {width:15%}
#pd1         {width:19%}
#pd2         {width:31%}
#pd3         {width:19%}
#pd4         {width:31%}

#pageBody > h2                      {padding-left:216px; padding-right:12px}
#pageBody > h3                      {padding-left:216px; padding-right:12px}
#pageBody > h4                      {padding-left:216px; padding-right:12px}
#pageBody > p                       {padding-left:216px; padding-right:12px}
#pageBody > pre                     {padding-left:216px; padding-right:12px}
#pageBody > ol                      {padding-left:216px; padding-right:12px}
#pageBody > ul                      {padding-left:216px; padding-right:12px}
#pageBody > dl                      {padding-left:216px; padding-right:12px}
#pageBody > strong                  {padding-left:216px; padding-right:12px}
#pageBody > .lead                   {padding-left:216px; padding-right:12px}
#pageBody   .tipInline              {padding-left:216px; padding-right:30px}
#pageBody > table                   {border-left:solid 204px transparent; padding-left:6px}
#pageBody > .pointer                {padding-left:216px}
#pageBody > .report                 {margin-left:0px; padding:0px}
#pageBody > .report .reportInner    {padding-left:12px; padding-right:12px}
#pageBody   table tr td:first-child {padding-left:6px}
#pageBody   table tr th:first-child {padding-left:6px}
#pageBody   table tr td:last-child  {padding-right:12px}
#pageBody   table tr th:last-child  {padding-right:12px}
#pageBody form table tr th          {padding-right:12px}
#pageBody form table tr td          {padding-right:12px}
#pageBody   table.noPad             {padding-left:0px  !important; border-left-width:0px !important}
table.noPad tr th:first-child       {padding-left:0px  !important}
table.noPad tr td:first-child       {padding-left:0px  !important}
table.noPad tr th:last-child        {padding-right:0px !important}
table.noPad tr td:last-child        {padding-right:0px !important}
table.timesheet tr th:first-child   {padding-left:12px !important; padding-right:0px !important}
table.timesheet tr td:first-child   {padding-left:12px !important; padding-right:0px !important}
div.noPad                           {padding-left:0px  !important; padding-right:0px  !important; width:auto !important}
#pageBody form table tr td.noPad    {padding-right:0px}
#pageBody form                      {padding:12px; padding-left:216px; padding-bottom:12px; margin-bottom:12px}
.tipBox                             {padding-left:216px}
#pageBody .pseudoForm               {padding:12px; padding-left:216px; padding-bottom:12px; margin-bottom:12px}
#pageBody .pseudoForm.noPad         {padding-left:0px; padding-top:3px}
#pageBody > .report form            {padding-left:12px}
#pageBody > .report .tipBox         {padding-left:12px}
.comment                            {padding-left:12px; padding-right:12px}
.groupBody                          {padding-left:0px}
.message                            {margin-left:204px; padding-left:12px}
.message .col1                      {padding-left:0px}
.highlighter.message                {margin-left:0px; padding-left:216px}
#pageBody table.tabMenu             {border-left:0px}
#pageBody table tr td               {padding-top:3px; padding-bottom:3px}
table.tabMenu tr td                 {padding-bottom:0px !important}
#pageBody table.compact tr td       {padding-top:0px !important; padding-bottom:0px !important}
 
#mainMenu    table tr td:first-child          {padding-left:0px !important}
#mainSubMenu table tr td:first-child          {padding-left:204px !important}
table.noIndent tr td:first-child              {padding-left:6px !important}
#mainSubMenu table.noIndent tr td:first-child {padding-left:6px !important}
table.noIndent tr td                          {padding-left:4px !important; padding-right:4px !important}
#pageBody table.tabMenu tr td:first-child     {padding-left:204px !important}
#mainSubMenu table tr td:first-child          {border-left:solid 6px transparent}
#pageBody table.tabMenu tr td:first-child     {border-left:solid 6px transparent}
.dropDown2                                    {margin:6px; margin-top:0px}
#tsAddArea                                    {margin-left:204px !important}

html, body   {margin-top:12px; margin-bottom:24px; height:auto}
.grid        {height:auto}
#pageBody    {height:auto}
#homePageBody{height:auto}

.look        {color:black; font-weight:normal}
.rightPending{text-align:right; font-style:italic; white-space:nowrap}
.pending     {font-style:italic; text-align:right}
.request     {font-style:italic; color:#666666}
.right       {text-align:right}
.smallHighlighter {text-align:right; font-size:smaller; white-space:nowrap}
.digit       {border:1px solid black; width:1em; font-weight:bold; font-style:italic}

#gridTop     {padding-left:24px; padding-right:24px}
#mainMenu    {padding-left:24px; padding-right:24px}
#mainSubMenu {padding-left:24px; padding-right:24px}
#pageBody    {padding-left:24px; padding-right:24px}
.pageHeading {padding-left:24px}
#mainMenu .menu       {padding-bottom:6px; padding-top:0px; padding-left:0px; padding-right:0px}
#mainSubMenu .subMenu {padding-bottom:6px; padding-top:0px; padding-left:0px; padding-right:0px}
.leftsm1              {padding-top:6px; height:40px}
#pageBody .tabMenu    {padding-top:12px; padding-left:0px}
#pageBody .sub        {padding-top:0px; padding-bottom:12px}
#menu_leftTop         {text-indent:6px}
#menu_timesheets      {text-indent:6px}
legend                {padding-left:0px; padding-right:0px; text-indent:0px}

#mainMenu .menu       {height:40px; margin-bottom:0px}
#mainSubMenu .subMenu {height:40px; border-bottom-width:1px}

A.mlink               {padding-top:3px}
A.slink               {padding-top:3px}
A.plink               {padding-top:3px}
A.tlink               {padding-left:6px; padding-right:6px; padding-top:3px}
.tabMenu td.mlink     {padding-bottom:3px}
.tabMenu A.tlink      {padding-top:9px; padding-bottom:0px}
#mainMenu A.mlink     {display:block; padding:6px}
#mainMenu td.mlink    {padding-top:6px; padding-left:6px; padding-right:3px; padding-bottom:0px}
.sub A.mlink          {padding-left:6px}
.dropDown A.slink     {padding-left:0px; padding-right:6px}
#mainSubMenu A.mlink  {display:block; padding:6px}
#mainSubMenu td.mlink {padding-top:6px; padding-left:6px; padding-right:3px; padding-bottom:0px}
.payrollMenu          {padding-top:0px !important; padding-bottom:0px !important}
#mainSubMenu A.plink  {display:block; padding:6px; padding-left:18px; padding-right:18px}
.payrollMenu A.mlink  {display:block; padding:6px; padding-left:18px; padding-right:18px}
.payrollMenu td.plink {padding-top:6px; padding-bottom:6px}
.payrollMenu td.mlink {padding-top:6px; padding-bottom:6px}
.publicMenu A.mlink   {width:84px; text-align:center}
.publicMenu A.mDropped{width:84px; text-align:center}
#mainSubMenu td.mlink {margin-right:6px}
#coy                  {width:84px; text-align:left}
.orgMenu    A.mlink   {width:60px; text-align:left}
#mainMenu .orgMenu A.mlink {padding-left:6px; padding-right:6px}
.orgMenu    A.mDropped{width:60px; text-align:left; padding-left:6px; padding-right:6px}
#coyMenu A.mlink      {padding-left:6px; padding-right:6px}
#coyMenu A.mDropped   {padding-left:6px; padding-right:6px}
#coyName              {width:auto; text-align:left}
#coyName3             {width:auto; text-align:left}
.indexMenu td.ilink   {padding-left:1px !important; padding-right:1px !important}
.indexMenu a.ilink    {padding-left:3px !important; padding-right:3px !important}
.persFile             {padding:12px; padding-right:12px; padding-top:6px; padding-bottom:6px}
.tipBox               {margin-top:12px}
input[type="checkbox"]{margin-left:0px}
input[type="radio"]   {margin-left:0px}
input.button          {text-align:left; padding:3px}
button                {text-align:left; padding-left:3px; padding-right:3px; white-space:nowrap}

.noForm           {border:0px !important; margin:0px !important; padding:0px !important; -webkit-box-shadow:0px 0px 0px transparent !important}
.inTableForm      {border:0px !important; margin-left:0px !important; padding-left:0px !important; padding-top:3px !important; 
                   margin-top:-3px !important; margin-left:3px !important; -webkit-box-shadow:0px 0px 0px transparent !important}

.copyright        {padding-left:24px; padding-right:24px; padding-top:12px; padding-bottom:12px}
.transEntry       {padding-top:6px; padding-bottom:6px}
.transEntry2 td   {padding-top:6px}
#tsAddArea .transEntry  {border:solid 3px gray; -webkit-border-radius:0px 0px 3px 3px; padding-top:0px}
       
A                 {text-decoration:none}
A:hover           {text-decoration:underline}
#logoa:hover      {background-image:url(/images/iPayroll-a)}
 
A                 {color:#0088d4}
A:visited         {color:#4f66a5}
A:hover           {color:#000099}
th A              {color:#ffffff}
th A:hover        {color:#ffffff}
th A:visited      {color:#ffffff}
A.mlink           {color:#f0f0f0}
A.mlink:hover     {color:#ffffff}
A.mDropped        {color:#f0f0f0}
A.mDropped:hover  {color:#ffffff}
A.slink           {color:#cccccc}
A.slink:hover     {color:#ffffff}
A.plink           {color:#ffffff}
A.plink:hover     {color:#ffffff}
A.tlink           {color:#0088d4}
A.tlink:hover     {color:#000099}
.sub A.mlink      {color:#0088d4}
.sub A.mlink:hover{color:#000099}
.search_box A.slink            {color:#999999}
.search_box A.slink:hover      {color:#4f66a5}
.persFile A.slink              {color:#ffffff}
.tsMenu A.slink                {color:#ffffff}
.smallForm2 A.slink            {color:#0088d4}
.smallForm2 A.slink:hover      {color:#000099}
#mainMenu a.mlink:hover        {background-color:#4f66a5}
#mainSubMenu a.mlink:hover     {background-color:#4f66a5}
#mainSubMenu a.plink:hover     {background-color:#92d842}

body              {color:#333333}
input             {color:#333333}
button            {color:#333333}
select            {color:#333333}
option            {color:#333333}
textarea          {color:#333333}
.prompt           {color:#333333}
th                {color:#ffffff}
th.prompt         {color:#ffffff}
.copyright        {color:#999999}
.copyright A:link {color:#9090f0}
.subMenu h2       {color:#ffffff; padding-left:12px}
.subMenu h3       {color:#ffffff; padding-left:12px}

.comment.border  {background-color:#fcfcfc}
.dropDown         {background-color:#4f66a5}
.persFile         {background-color:#0088d4; color:#ffffff}
.formHdg          {background-color:#0088d4}
.hdg              {background-color:#4f66a5}
.tsMenu           {background-color:#0088d4; color:#ffffff}
.highlighter      {background-color:#ffe8cc; color:#333333; border:solid 1px #ffd8bb; border-top-width:0px; padding-right:3px}
.secHighlight     {background-color:#D9D8E2; background-image:none}
.floatingMsg      {text-align:center; padding:12px; border-radius:6px; opacity:0.8; filter:alpha(opacity=80); background-color:#333333; color:#ffffff}
input.button      {background-color:#0088d4; color:#ffffff; border-color:#cccccc; border:solid 2px #e0e0e0; border-top-color:#f0f0f0; border-right-color:#e8e8e8;
                   background-image:url(/images/bg/wave); cursor:pointer} 
button            {background-color:#0088d4; color:#ffffff; border:solid 1px #4f66a5; background-image:url(/images/bg/wave); cursor:pointer} 
#pageBody input.secondary   {background-color:#8ecae5; color:#ffffff}
#pageBody button.secondary  {background-color:#8ecae5; border-color:#70c0c0; color:#ffffff}
input.button:hover          {background-color:#4f66a5; border-color:#c0c0c0; border-top-color:#f0f0f0; color:#ffffff}
button:hover                {background-color:#4f66a5; color:#ffffff}
#pageBody input.secondary:hover {background-color:#4f66a5; border-color:#c0c0c0; border-top-color:#f0f0f0; color:#ffffff}
#pageBody button.secondary:hover{background-color:#4f66a5; color:#ffffff}
#pageBody input.remove:hover    {background-color:#b81b21 !important}
#pageBody button.remove:hover   {background-color:#b81b21 !important; border-color:#b81b21}
input.look                      {background-color:#92d842; opacity:0.6; filter:alpha(opacity=60)}
button.look                     {background-color:#92d842; opacity:0.6; filter:alpha(opacity=60); border-color:#82c832}
.lookBox                        {color:#92d842}
.lookBox input.button           {background-color:#92d842; color:#ffffff}
.lookBox button                 {background-color:#92d842; color:#ffffff; border-color:#82c832}
.lookBox input.button:hover     {background-color:#579434; color:#ffffff}
.lookBox button:hover           {background-color:#579434; color:#ffffff}
button.look:hover               {background-color:#579434; color:#ffffff}
#q:hover                        {background-color:#fcfcfc}
input#login2                    {background-color:#db4f55}
input#logOut:hover              {background-color:#b81b21; cursor:pointer}
input#logOut.mDropped           {background-color:#b81b21}
input#login2:hover              {background-color:#b81b21; cursor:pointer}
button#login2                   {background-color:#db4f55}
button#logOut:hover             {background-color:#b81b21; cursor:pointer}
button#logOut.mDropped          {background-color:#b81b21}
button#login2:hover             {background-color:#b81b21; cursor:pointer}
#pageBody input[DISABLED]       {background-color:#bcbcbc; color:#333333; cursor:default}
#pageBody button[DISABLED]      {background-color:#bcbcbc; color:#333333; cursor:default; border-color:#bcbcbc}
#pageBody input[DISABLED]:hover {background-color:#bcbcbc; color:#333333; cursor:default; 
                                 border-color:#cccccc; border:solid 2px #e0e0e0; border-top-color:#f0f0f0; border-right-color:#e8e8e8}
#pageBody button[DISABLED]:hover{background-color:#bcbcbc; color:#333333; cursor:default} 
#pageBody button.remove[DISABLED]:hover{background-color:#b81b21; color:#cccccc; cursor:default} 
.tipClose:hover                 {background-color:#b81b21; color:#ffffff}
#gos:hover                      {cursor:pointer}
#gos1:hover                     {cursor:pointer}
#trial2                         {background-color:#92d842 !important; color:#ffffff !important; border:0px !important}
#trial2:hover                   {background-color:#579434 !important}
 
#pageBody form    {background-color:whitesmoke}
.pseudoForm       {background-color:whitesmoke}
tr.row0:hover     {background-color:#f0f0f0}
tr.row1:hover     {background-color:#f0f0f0}
tr.row:hover      {background-color:#f0f0f0}

#pageBody th               {padding-top:3px; padding-bottom:3px}
#pageBody .subMenu         {background-color:#0088d4; padding-top:6px; padding-bottom:6px}
#pageBody .subMenu A.mlink {color:#ffffff}
#pageBody .subMenu A.slink {color:#ffffff}

.rightHighlighter {background-color:#b7d8f0}
.smallHighlighter {background-color:#b7d8f0; color:#333333}

.outline1         {background-color:#fbda00}
.outline2         {background-color:#fbe340}
.outline3         {background-color:#fbeb7e}

.negative         {color:#b81b21 !important}
th                {background-color:#0088d4; border-width:0px}
.smallForm        {border-color:#e0e0e0}
.today            {border-color:#0088d4}

#pageBody .calendar    {margin-bottom:12px; border:solid 1px #D9D8E2; padding-left:0px}
.digit                 {border:1px solid #e0e0e0; width:1em; font-weight:bold; font-style:italic}
table.calendar tr td   {line-height:100%; padding:0px !important; padding-top:3px !important; padding-bottom:3px !important; margin:0px}
table.calendar tr th   {line-height:100%; padding:0px !important; padding-top:3px !important; padding-bottom:3px !important; margin:0px; font-weight:bold; color:white}
table.calendar tr th:last-child {padding-right:3px !important}
td.weekend             {background-color:#e0e0e0; padding-right:3px !important}
.cal                   {font-size:8pt; padding:0px !important; padding-top:3px !important; padding-bottom:3px !important; text-align:right}
.day                   {font-size:9pt; padding:3px !important; padding-left:6px !important; background-color:transparent; line-height:100%; text-align:right}
.weekend               {font-size:9pt; padding:3px !important; padding-left:6px !important; line-height:100%; text-align:right}
.today                 {font-size:9pt; padding:3px; background-color:white; line-height:100%; text-align:right; border:solid 1px #0088d4}
.absences              {background-color:#ffffff}
table.absences tr th   {font-size:8pt; background-color:#ffffff; color:#999999; font-weight:normal}
table.absences tr td   {font-size:8pt; background-color:#ffffff; color:#999999; font-weight:normal}


#top_banner            {border-color:#e0e0e0}
#mainMenu .menu        {border-color:#e0e0e0}
#mainSubMenu .subMenu  {border-color:#e0e0e0}
hr                     {border-color:#e0e0e0}

.tabMenu          {border-bottom:solid 1px #cccccc}
.sub              {border-bottom-width:0px; background-color:#f0f0f0; background-image:url(/images/bg/fade); background-position:0 100%; background-repeat:repeat-x}

.circle           {padding:6pt; margin-left:-6px; margin-right:6px; color:white; font-size:8pt; font-style:normal; font-weight:normal;
                   background-color:#0088d4; background-image:none; border-radius:12px;  
                   -moz-border-radius:12px; -webkit-border-radius:12px;
                   padding-top:4pt; padding-bottom:4pt; position:relative; top:-1px}
h2 .circle        {margin-left:0px; color:white; font-size:10pt; font-style:normal; font-weight:normal;
                   background-color:#0088d4; background-image:none;
                   -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;
                   position:relative; top:-2px; left:-6px}
.noCircle         {padding:6pt; margin-right:6px; font-size:8pt; font-style:normal; font-weight:normal;
                   color:transparent; background-color:transparent; background-image:none; border-radius:12px;
                   -moz-border-radius:12px; -webkit-border-radius:12px;
                   padding-top:4pt; padding-bottom:4pt; position:relative; top:-1px}
.addIcon          {padding:7pt; margin-right:6px; color:white; font-size:9pt; font-style:normal; font-weight:bold;
                   background-color:#0088D4; background-image:none; border-radius:12px;
                   -moz-border-radius:12px; -webkit-border-radius:12px;
                   padding-top:4pt; padding-bottom:4pt; position:relative; top:-1px}
a.addLink:hover {text-indent:0px}
a.addLink:hover .addIcon {background-color:#92D844;text-decoration:none !important}
.addIcon.secondary      {background-color:#8ecae5}
#qty              {background-image:url(/images/one-small-a)}
#ele              {background-image:url(/images/two-small-a)}
#rteBox           {background-image:url(/images/three-small-a)}

#mainMenu a.mlink    {background-color:#0088d4; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
                      background-image:url(/images/bg/wave); background-position:0% 100%; background-repeat:repeat-x}
#mainSubMenu a.mlink {background-color:#bcbcbc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
                      background-image:url(/images/bg/wave)}
#mainSubMenu a.plink {background-color:#bcbcbc; background-image:url(/images/bg/plink); background-position:50% 50%; background-repeat:no-repeat}
.tsMenu              {border:solid 1px #0088d4; border-bottom-width:0px;
                      -moz-border-radius:2px 2px 0px 0px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; border-radius:2px 2px 0px 0px}

.grid                 {-moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px; border-radius:6px 6px 6px 6px}
#mainMenu .menu       {background-color:#f0f0f0;
                       -moz-border-radius:3px 3px 0px 0px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; border-radius:3px 3px 0px 0px}
#mainMenu .down       {background-image:url(/images/bg/fade); background-position:0 100%; background-repeat:repeat-x}
#mainSubMenu .subMenu {background-color:#f0f0f0; background-image:url(/images/bg/fade); background-position:0 100%; background-repeat:repeat-x;
                       -moz-border-radius:0px 0px 3px 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:0px 0px 3px 3px}
#pageBody form        {-moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px}
#pageBody .inTableForm{-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} 
#pageBody .timesheet form {-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0px; -webkit-box-shadow:0px 0px 0px transparent}
.persFile             {-moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px;
                       background-image:url(/images/bg/wave); background-position:0 100%; background-repeat:repeat-x}
.dropDown             {-moz-border-radius:0px 3px 3px 3px; -webkit-border-radius:3px; -webkit-border-top-left-radius:0px; border-radius:0px 3px 3px 3px}
.dropDown.right       {-moz-border-radius:3px 0px 3px 3px; -webkit-border-radius:3px; -webkit-border-top-right-radius:0px; border-radius:3px 0px 3px 3px}
.dropDown             {background-image:url(/images/bg/wave); background-position:0 100%; background-repeat:repeat-x}
.border               {-moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px}
.box                  {-moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px}
.message.highlighter  {-moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px;
                       background:-webkit-gradient(linear,0 0, 202 0, from(#ffffff), to(#FFE8CC)); border-width:0px}
button                {-moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px;
                       -webkit-box-shadow:3px 3px 3px silver; -moz-box-shadow:3px 3px 3px silver; box-shadow:3px 3px 3px silver} 
.border               {border-color:#f0f0f0}
.comment              {border-color:#f0f0f0}
#h_helpdesk           {border-bottom:ridge 2px #cccccc; padding-bottom:3px; margin-bottom:3px}
.tipInner             {width:100%; padding:12px; border:solid 3px #92d842;
                       -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px}
.tipInline            {padding:6px; position:relative; z-index:199; top:0px; left:0px}
.tipPopUp             {width:250px; height:20px; padding:6px; position:absolute; z-index:199; top:-128px; left:-30px}
.tipPopUp .tipInner   {border-color:#8ecae5; background-color:white}

.tabMenu .tlink       {border-left:solid 1px transparent; border-right:solid 1px transparent; padding-bottom:3px}
.tabMenu .tlink:hover {background-color:#f0f0f0 !important; text-decoration:none; 
                                       border-bottom:solid 1px #f0f0f0; position:relative; top:0px;
                                       border-top:solid 1px #cccccc;
                                       border-left:solid 1px #cccccc;
                                       border-right:solid 1px #cccccc;
                                       -moz-border-radius:4px 4px 0px 0px; 
                                       -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;
                                       border-top-left-radius:4px; border-top-right-radius:4px}

#pageBody form           {border:solid 1px #e0e0e0; background-color:#f8f8f8; background-image:url(/images/bg/fade); background-position:0 100%; background-repeat:repeat-x; -webkit-box-shadow:0px 3px 3px silver}
#pageBody .loginForm     {-webkit-box-shadow:0px 3px 3px silver}
#pageBody .pseudoForm    {border:solid 1px #e0e0e0; background-color:#f8f8f8; background-image:url(/images/bg/fade); background-position:0 100%; background-repeat:repeat-x}
#pageBody form.secondary {border-top-color:#ffffff; background-color:#ffffff; background-image:none; padding-top:0px; margin-top:-15px}

.tipBox {border-top:solid 1px #e0e0e0; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px}
.tipClose {border-color:#e0e0e0; border-top-width:0px; -moz-border-radius:0px 0px 0px 3px; -webkit-border-bottom-left-radius:3px; border-radius:0px 0px 0px 3px}

#leftMenu_container {margin-left:24px; width:204px; z-index:199}
.leftMenu_sort      {font-size:8pt; background-color:white; width:198px; height:34px; padding-left:6px; padding-right:0px; display:table-cell; vertical-align:bottom}
.leftMenu         {width:196px; padding-top:5px; margin-left:0px}
.leftMenu_add     {border-top:solid 1px #e0e0e0; padding-top:12px}
#menu_leftTop     {width:192px; border:solid 1px #e0e0e0; margin-top:0px; background-color:#fcfcfc;
                       -moz-border-radius:3px 3px 0px 0px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; border-radius:3px 3px 0px 0px;
                       background-image:url(/images/bg/fade-right); background-position:100% 0; background-repeat:repeat-y}
#menu_leftTop div {width:196px}
#menu_leftBottom  {width:192px; border:solid 1px #e0e0e0; border-top-width:0px; padding-bottom:1px; background-color:#fcfcfc;
                       -moz-border-radius:0px 0px 3px 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:0px 0px 3px 3px;
                       background-image:url(/images/bg/fade-right); background-position:100% 0; background-repeat:repeat-y}
#menu_timesheets  {width:202px; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; background-color:#fcfcfc;
                       background-image:url(/images/bg/fade-right); background-position:100% 0; background-repeat:repeat-y}
.leftMenu a.mlink {padding-left:0px}

.left_selected    {background-color:#4f66a5}
.left_selected A  {color:#f0f0f0}

#pageBody table.calendar tr th:first-child          {padding-left:0px !important}
#pageBody table.calendar tr td:first-child          {padding-left:0px !important}