body  {
  font: normal 12px Arial, sans-serif;
  color: #222; 
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 160%;
  background: #e7e7e7 url(/images/big_bg.png) repeat-x fixed;
}	
div, img, form, ul {
  margin: 0px;
  padding: 0px;
  border: 0px; 
}

div, span, td, .text_l {text-align: left;}	
.clear 		      	{clear: both;}	
.tr,
td.tr	 	        	{text-align: right;}
.tc,
td.tc		        	{text-align: center;}
a 			        	{text-decoration: none; color: #1e8aa7; }
a:hover       		{text-decoration: underline; }	
.left 		      	{float: left;}
.right 		       	{float: right;}
li				        {list-style: none;}

#wrapper	      	{width: 1000px; margin: 0 0 0 0;}
.wrap             {width: 1000px; margin: 0 auto; position: relative; padding: 0 0 0 0;}
#logo_area        {font-size: 12px; font-weight: bold; padding: 0 0 0 0;}
#logo_area a.large,
#logo_area .large            {font-size: 14px; background: #58a8be;  padding: 9px 12px; line-height:30px; text-decoration: none; color: white;  -webkit-border-radius-topleft:5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topright:5px; -moz-border-radius-topright: 5px; }
#logo_area a:hover            {background: black;}
#logo_area .left img    {margin: 4px 0 0 0;}
#logo_area .right {margin-top: 15px;}
.top              {background: #1e8aa7; padding: 10px 0 0 0; position: fixed; width: 100%; z-index: 999;}
.link             {float: left; padding: 2px; margin: 0 0 0 11px;}
.dropdown         {float: left; padding: 2px; margin: 0 0 0 11px;}
.top .wrap        {position: relative;}
#logo_area a.viewing          {background: #c6c6c6; color: #145b6e;}

input, textarea, select     {font: bold 12px Arial, sans-serif;}
.row			                  {padding: 3px 0 3px 0;}
.row input,
.row textarea               {font: normal 12px Arial, sans-serif; border: 1px solid #999; background: white url(/images/fields.png) repeat-x 0 -1px; width: 90%; display: block;}
.row select	                {font: normal 12px Arial, sans-serif; width: 90%; display: block;}
.row label input,
.row label .radio		        {border: none; background: none; width: auto; display: inline; vertical-align: middle;}
.row input                  {padding: 2px; font-size: 15px;}
.row input#user_captcha_answer {padding: 0 0 0 0; border: none; background: none;}
.row input.button,
a.lil_button_black          {background: url(/images/button_bg_blue.png) repeat-x top; color: white; font-weight: bold; padding: 4px 10px; width: auto; display: inline; cursor: pointer; font-size: 12px;}
.row input.button:hover,
a.lil_button_black:hover     {background: url(/images/button_bg_blue_down.png) repeat-x top;}

.inside_padding textarea    {height: 70px;}
.inside_padding             {padding: 5px 5px 20px 10px; border-top: 1px solid white; border-bottom: 1px solid #999;}
.inside_padding .row        {padding: 2px 0;}
.inside_padding .button_row {clear: both; padding: 10px 0 0 0;}

.manage-options {text-align: left;}
.manage-options form {display: inline;}

.timer_note textarea        {background: white url(/images/pencil.png) no-repeat top left; height: 140px;}
.timer_note textarea:focus  {background: white url(/images/pencil.png) no-repeat bottom right;}

.padding          {padding: 5px;}
.data td,
.data th          {padding: 4px 8px; border-bottom: 1px solid #ccc; border-top: 1px solid white;}
.data th          {background: #cee8ef;  }
.data table,
.data             {width: 100%; }

#done             {padding: 7px 0 0 0;}
#done h2          {}

.project_action a:hover     {color: #666;}
.project_action a           {padding: 4px; margin: 0 0; font-size: 13px; color: #222; font-weight: bold; text-decoration: none;}
.project_action a img       {vertical-align: middle; margin-right: 5px;}
.project_action             {width: 350px; padding: 3px 0 0 0;}
.project_action .on a       {background: #e7e7e7;}

.project_action .archive a                  {color: #ccc;}


#projects_parent            {}
#dashboard_holder           {margin: 0 0 0 0; border-top: 1px solid #b5b4b4; border-right: 1px solid #b5b4b4;  border-bottom: 1px solid #888;  border-left: 1px solid #888; background: white;}
table.dashboard_table div   {display: inline; }
.dashboard_time             {padding-right: 4px; margin-right: 4px; border-right: 1px solid #999;}
#dashboard_holder           {background: #eee;}

table.dashboard_table     {width: 100%; font-size: 12px;}
table.dashboard_table td  {padding: 7px 3px 7px 8px; background: white; border-bottom: 1px solid #ccc;} 
table.dashboard_table th  {padding: 3px 3px 3px 8px; font-weight: bold; border-bottom: 1px solid #999; background: #ccc;}

.project_title          {font-size: 12px; width: 300px; overflow: hidden;}
.project_title strong   {margin-left: 10px; padding: 4px 0 0 0; width: 232px; overflow: hidden; float: left; height: 20px; font-size: 14px;}
.project_title input    {display: inline;}

.start, .stop           {float: left; padding: 0 0 0 0; background: none;}
div.start               {background: url(/images/start_up.png) no-repeat; height: 26px; width: 57px;}
div.stop                {background: url(/images/stop_up.png) no-repeat; height: 26px; width: 57px;}
div.start:hover         {background: url(/images/start_down.png) no-repeat;}
div.stop:hover          {background: url(/images/stop_down.png) no-repeat; }
td .start               {float: none;}
td .stop                {float: none;}
.gray                   {background: #e7e7e7; padding: 15px;}
.projects_row       {border: 1px solid #ccc; margin-bottom: 4px; background: white; -moz-box-shadow: .5px .5px .5px #999; -webkit-box-shadow: .5px .5px .5px #999; box-shadow: .5px .5px .5px #999; -webkit-border-radius:5px; -moz-border-radius: 5px;}
.projects_row .pad  {padding: 6px;}      

h1                {font-size: 18px; font-weight: bold; padding: 0 0 0 0;}
h1 a              {font-size: 12px;}
h2                {font-size: 13px; font-weight: bold; padding: 0 0 3px 0; margin: 0 0 3px 0; border-bottom: 1px solid #a8a8a7;}

img               {margin: 0 0 0 0;}

input.update_button         {background: url(/images/update_timer.png) no-repeat; height: 33px; width: 229px; margin-top: 3px; border: none; cursor: pointer;}
input.update_button:hover   {background: url(/images/update_timer_down.png) no-repeat; cursor: pointer; border: none;}

.half			        {width: 46%;}
.third            {width: 31%;}
h3				        {font-size: 12px; margin: 0 0 10px 0; font-weight: bold;}
h4				        {position: relative; font-size: 12px; background: #c0dde5; border-top: 1px solid white; border-bottom: 1px solid #adabab; margin: 0 0 0 0; padding: 6px 10px 6px 10px; font-weight: bold;}
.total_time       {position: absolute; background: #1e8aa7; color: white; padding: 6px 7px; right: 0; top: 0;}
#fixed_footer h4  {padding: 0 0 0 0; margin: 10px 0 4px 0; background: none; border-top: none; border-bottom: none;}
.timers           {-moz-box-shadow: .5px .5px .5px #999; -webkit-box-shadow: .5px .5px .5px #999; box-shadow: .5px .5px .5px #999; -webkit-border-radius:5px; -moz-border-radius: 5px; text-align: center; padding: 5px 10px 6px 10px; background: white; border-top: 1px solid #b5b4b4;  border-right: 1px solid #b5b4b4;  border-bottom: 1px solid #888;  border-left: 1px solid #888; font-size: 14px; font-weight: bold; margin: 5px 5px 5px 0; }
.timers div       {text-align: center;}
.time_bg          {background: #1e8aa7; color: white; font-weight: bold;}

#fixed_footer {position: fixed; width: 299px;}
.timers_button input.stop           {background: url(/images/stop_big_up.png) no-repeat; height: 53px; margin-top: 5px; width: 101px; border: none; cursor: pointer;}
.timers_button input.start          {background: url(/images/start_big_up.png) no-repeat; height: 53px; width: 101px; border: none; cursor: pointer;  margin-top: 5px; }
.timers_button input.stop:hover     {background: url(/images/stop_big_down.png) no-repeat; }
.timers_button input.start:hover    {background: url(/images/start_big_down.png) no-repeat; }

.numbers li       {list-style-type: decimal; margin: 6px 0;}
.numbers          {margin-left: 20px;}

.right_column     {width: 290px; position: relative; min-height: 500px; padding-top: 76px;  }
.left_column      {width: 685px; min-height: 500px; padding-top: 76px; }
.main_column      {min-height: 500px; padding: 76px 0 0 0;}

.big_column       {width: 680px; float: left;  }
.small_column       {width: 300px; float: right; position: relative;}

.cal input		{margin-right: 5px; width: 80%; float: left;}
.cal img		  {float: left; margin-top: 3px;}
.blurp        {margin: 5px 15px 0 0; width: 330px; float: left;}

.report_totals      {padding: 0 0; margin: 5px 0; border-top: 1px solid #ccc;}
.report_total_line  {border-bottom: 1px solid #ccc; background: #e7e7e7; padding: 6px 10px; position: relative;}
.report_total_line strong {position: absolute; right: 10px;}
.box h2 a           {color: black;}
.box h2 a:hover     {text-decoration: none;}

.project_summary  {background: #e4f1f5; margin: 0 0; border-top: 1px solid #ccc;}
.summary_area     {}
#footer			      {padding: 20px 0 0 0; font-size: 11px; color: #999; font-weight: bold;}
#footer a			    {color: #999;}
#archive_active   {}
.header           {font-size: 18px; margin-right: 10px;}
.white            {background: white;  padding: 5px 10px 10px 10px; border: 1px solid #888; margin-bottom: 4px; background: white; -moz-box-shadow: .5px .5px .5px #999; -webkit-box-shadow: .5px .5px .5px #999; box-shadow: .5px .5px .5px #999; -webkit-border-radius:5px; -moz-border-radius: 5px;}


.report_table	    {width: 100%;}
.report_table td,
.report_table th  {padding: 5px; border-top: 1px solid #ccc; border-bottom: none;}
.report_table th  {background: #fbfbde;}
.report_table td.total{text-align: right; font-size: 12px; background: #e7e7e7; border-bottom: 20px solid white;}
.report_h3		    {padding: 5px 0; margin: 10px 0 0 0; font-size: 13px;}
th.what           {background: #abd2e2; font-size: 12px;}

.grand			      {margin: 5px 0; padding: 0 0 0 0;}
.grand td.total	  {font-size: 12px; background: none; border-top: none; margin: 5px 0; padding: 0 0 0 0;}
.date select		  {width: 60px; float: left; margin-right: 10px;}
input.hide        {display: none;}
.tip2 .answer	    {font-weight: bold; margin-top: 13px;}
.right_column h2  {font-size: 13px; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0 0; border-bottom: none;}
.stream           {height: 138px; overflow: auto; background: #eee;}
.said_row         {border-bottom: 1px solid #b5b4b4; background: white; padding: 5px 8px; }
.height           {height: 444px;}
table.dashboard_table .odd,
.odd              {background: #f2f3e1;}
.checkbox         {vertical-align: middle;}
.time select      {width: auto; font-size: 13px; padding: 0 4px 0 0;}
.white            {background: white; padding: 15px; border: 1px solid #ccc;}
.editor_cancel_link {color: black;}

#users li           {padding: 1px 0;}
#dashboard h2       {border: none; }
#dashboard em       {font-style: italic;}

.twitter_table td,
.twitter_table th   {border-bottom: 1px solid #999; padding: 4px 6px;}
.twitter_table th   {background: #e7e7e7;}
.twitter_table      {width: 100%;}

#dashboard table    {width: 100%; }
#dashboard table th, 
#dashboard table td {padding: 3px 5px; text-align: center; border-bottom: 1px solid #999; border-left: 1px solid white;  border-top: 1px solid white;}


#dashboard th       {border: 2px solid #58a8be; border-left:none; border-right:none;}
#dashboard .project {text-align: left; width: 220px; background: #e4f1f5; font-weight: bold; color: black;}
#dashboard .c_6     {background: #bfdae3; }
#dashboard .reports {float:right; padding: 0 40px;}
#dashboard .latest_updates        {width: 350px;}
#dashboard .latest_updates ul li  {margin: 10px 0;}
#dashboard .reports ul li         {margin: 3px 0;}
#dashboard .reports a             {color: #909698; text-decoration: none; }
#dashboard table th,
#dashboard table th.project,
#dashboard table th.c_6  {background: #58a8be; color: white;}
#super_hint {position: absolute; top: 110px; left: 20px;}
#dashboard td     {color: #888;}
#dashboard td.dashboard_total_time       {font-weight: bold; background: #e7e7e7; color: black;}
#dashboard td.value  {color: black; font-weight: bold; background: #bfdae3;}


#report_form .checkbox { display:inline; }
#scroll_div       {height: 400px; overflow: auto; padding: 10px; border: 1px solid #999; margin: 5px 0 15px 0;}
.border_form      {border-top: 1px solid #999; padding: 5px 0; margin: 5px 0 5px 0;}

.hidden           { display:none; }
li.checkbox input {vertical-align: middle; margin-right: 5px;}
li.checkbox       {padding: 2px;}
.sub_nav a        {padding: 3px; font-weight: bold;}
.help_tip h3      {margin: 0 0 0 0; padding: 0 0 0 0;}
.help_tip         {width: 200px; margin-top: 5px;}

.box              {background: white; padding: 15px; margin-bottom: 15px; border: 1px solid #bbb; -moz-box-shadow: .5px .5px .5px #999; -webkit-box-shadow: .5px .5px .5px #999; box-shadow: .5px .5px .5px #999; -webkit-border-radius:5px; -moz-border-radius: 5px;}
.box h2           {font-size: 14px; border-bottom: none; margin-bottom: 5px;}
.section h4       {padding: 0 0 0 0; border-top: none; border-bottom: none; background: none;}

.fixed_nav a      {padding: 8px 10px; background: #145b6e; font-size: 12px; color: white; font-weight: bold; line-height: 150%;}
.fixed_nav li     {margin-bottom: 19px;}
.fixed_nav        {position: fixed;}
.fixed_nav ul     {background: url(/images/what.png) no-repeat top right; width: 290px;}

fieldset.two_ways {border: 1px solid #ccc; width: 390px; float: right; padding: 0 0 0 0;}
.two_ways legend  {font-size: 15px; background: white; padding: 10px; font-weight: bold; margin-left: 5px;}

.flashnotice, .message	    {background: yellow; color: black; font-weight: bold;}
.flasherror		    {background: red; font-weight: bold; color: white;}
.flashnotice,
.message,
.flasherror		    {padding: 3px 7px; margin: 0 0 0 0; font-size: 13px; position: fixed; top: 0; left: 0; z-index: 999;}

#message_wrapper  {z-index: 100000; position: fixed; top: 38%; left: 40%; background: transparent url(/images/drop_shadow.png) repeat center; padding: 1px 3px 3px 1px; display:none; }
#message_content  {padding: 8px; background: white; color: black; font-size: 18px; line-height: 22px; border: 3px solid #666666;}

#waiter 				  {z-index:100000; text-align: center; position: fixed; padding: 0 5px 5px 0; display: none; top: 20%; left: 50%;  margin: -6px 0 0 -104px; background: url(/images/shadow.png) no-repeat bottom right;}
#waiter_inside    {background: white; border-top: 2px solid #b5b4b4;  border-right: 2px solid #b5b4b4;  border-bottom: 2px solid #888;  border-left: 2px solid #888;}
#waiter #title    {font-size: 16px; text-align: center; font-weight: bold; padding: 10px; color: #1e8aa7;}
#waiter img       {margin:  0 10px;}
#message	        {padding: 4px 9px; z-index: 100000; position: fixed; top: 0%; left: 0%; display: none; background: black; color: white; font-weight: bold; font-size: 14px;}

.help_list li,
.help_list li a     {font-size: 13px;}
.help_list li     {padding: 2px 0; margin-left: 13px; list-style: disc;}


// DROP DOWN MENU
/* Basic code - don't modify */

.droppy           { display: block; margin: 0; padding: 0; position: relative; }
.droppy li        { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.droppy li li a   { display: block; border-top: 1px solid #eee; border-bottom: 1px solid #1e8aa7;}
.droppy ul        {display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html .droppy ul {line-height: 0; } /* IE6 "fix" */
.droppy ul a      { zoom: 1; } /* IE6/7 fix */
.droppy ul li     { float: none; }
.droppy ul ul     { top: 0; }

/* Essentials - configure this */

.droppy ul            {width: 130px; }
.droppy ul ul         {left: 131px; }

/* Everything else is theming */

.droppy               {color: white; height: 24px; }
.droppy *:hover       {background: none; text-decoration: none;  }
.droppy li li a       {color: white; font-size: 12px; padding: 8px 12px; line-height: 1; }
.droppy li.hover a    {background: #58a8be; }
.droppy ul            {top: 32px; background: #58a8be; }
.droppy ul li li a    {background: #58a8be; }
.droppy ul a.hover    {background: #58a8be; }
.droppy ul a          {border-right: none; }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */

#users li input {float:none; width:auto;}

.invoiced {
  background-image: url('/images/check.gif');
  background-repeat: no-repeat;
  }