@font-face {
    font-family: SmartBudFont;
    src: url("bembo-bold.ttf");

}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
 
.error 						{ font-family:SmartBudFont; font-size:19px;	color: red; font-weight:bolder; }

li							{color:#002C59;text-decoration:none; letter-spacing:2px; }
td							{color:#002C59;text-decoration:none; letter-spacing:2px; }
p							{color:#002C59;text-decoration:none; letter-spacing:2px; }

A:link						{color:#002C59;text-decoration:underline; letter-spacing:2px; }
A:visited					{color:#002C59;text-decoration:none; letter-spacing:2px; }
A:active					{color:#002C59;text-decoration:none; letter-spacing:2px; }
A:hover						{color:#002C59;text-decoration:none; letter-spacing:2px; }

td.menu_button A			{max-width:100%; height:100%; display:block;}
.menu_button				{color:#002C59;background-color:#F8F8F8; max-width:11%; text-align:center;}
.menu_button:link			{color:#002C59;text-decoration:none;}
.menu_button:visited		{color:#002C59;text-decoration:none;}
.menu_button:active			{color:#002C59;text-decoration:none;}
.menu_button:hover			{color:#002C59;background-color:#D3D3D3;text-decoration:none;}
.menu_button A:link			{color:#002C59;text-decoration:none;}
.menu_button A:visited		{color:#002C59;text-decoration:none;}
.menu_button A:active		{color:#002C59;text-decoration:none;}
.menu_button A:hover		{color:#002C59;background-color:#D3D3D3;text-decoration:underline;}

.button						{font-family:SmartBudFont; font-size:17px; background-color:#002C59;color:#FFFFFF; letter-spacing:2px; max-width:150px;}
.button_1					{font-family:SmartBudFont; font-size:17px; background-color:#002C59;color:#FFFFFF; letter-spacing:2px; max-width:150px;}
.button_2					{font-family:SmartBudFont; font-size:17px; background-color:#002C59;color:#FFFFFF; letter-spacing:2px; max-width:300px;}
.button_3					{font-family:SmartBudFont; font-size:17px; background-color:#002C59;color:#FFFFFF; letter-spacing:2px; max-width:400px;}
.button_upload				{font-family:SmartBudFont; font-size:17px; background-color:#002C59;color:#FFFFFF; letter-spacing:2px; max-width:350px;}

table.spend_graph			{width:100%; text-align:center; border:none;}
td.spend_graph_table_head	{color:#F8F8F8;background-color:#002C59; text-align:center; padding:5px;}
td.spend_graph_table_head_head	{color:#F8F8F8;background-color:#002C59; text-align:center; padding:5px;}
td.spend_graph_graph		{background-color:#D1D1D1; vertical-align:bottom; text-align:center; height:250px; max-height:250px;}
td.spend_graph_graph_updown		{background-color:#D1D1D1; vertical-align:top; text-align:center; height:250px; max-height:250px;}
td.spend_graph_amount		{background-color:#D1D1D1; vertical-align:bottom; text-align:center; }

td.spend_graph_bar			{background-color:#D1D1D1; vertical-align:middle; text-align:left; height:25px; max-height:30px;}
td.spend_graph_cat			{background-color:#D1D1D1; vertical-align:middle; text-align:left; height:25px; max-height:30px;}

td.page_head				{color:#002C59;background-color:#F8F8F8; text-align:center; font-weight:bold}

td.faq_question				{color:#F8F8F8;background-color:#002C59; text-align:left;}
td.faq_answer				{color:#002C59;background-color:#CCCCFF; text-align:left;}

td.display_1				{color:#002C59;background-color:#CCCCFF; text-align:left;}
td.display_2				{color:#002C59;background-color:#EEEEFF; text-align:left;}
td.display_3				{color:#002C59;background-color:#AAAAFF; text-align:left;}
td.display_4				{color:#EEEEFF;background-color:#002C59; text-align:left;}

td.display_1_invi			{color:#002C59;background-color:#CCCCFF; text-align:left;}
td.display_2_invi			{color:#002C59;background-color:#EEEEFF; text-align:left;}
td.display_3_invi			{color:#002C59;background-color:#AAAAFF; text-align:left;}
td.display_4_invi			{color:#EEEEFF;background-color:#002C59; text-align:left;}

td.spend_graph_table_head_invi	{color:#F8F8F8;background-color:#002C59; text-align:center;}

table.spending_table		{ width:100%;}
table.standard_table		{ max-width: 75%;}
/*/new stuff for M&F Tech Services */
.edit_job_input				{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_job_textarea			{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_job_button			{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:150px; max-width:300px;}

.edit_timesheet_items		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:50px; max-width:150px;}

.edit_item_used_input		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_item_used_textarea	{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_item_used_button		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:150px; max-width:300px;}

.edit_customer_input		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_customer_textarea		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_customer_button		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:150px; max-width:300px;}

.edit_timesheet_input		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_timesheet_input_short	{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:200px; max-width:300px;}
.edit_timesheet_textarea	{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_timesheet_button		{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:150px; max-width:300px;}
.edit_timesheet_delete		{font-family:SmartBudFont; font-size:17px; background-color:#AA0000;color:#FFFFFF; letter-spacing:2px; min-width:150px; max-width:300px;}

.edit_invoice_input				{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_invoice_textarea			{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:300px; max-width:500px;}
.edit_invoice_button			{font-family:SmartBudFont; font-size:17px; background-color:#1D385C;color:#FFFFFF; letter-spacing:2px; min-width:150px; max-width:300px;}

table.view_invoice_table		{width:100%; text-align:left; border:none;}
td.invoice_view_header			{text-align:left; font-size:20px; font-weight:bold;}
td.invoice_view_tdheader		{text-align:left; font-size:17px; font-weight:bold;background-color:#CCCCCC;}
td.invoice_overview_tdheader	{text-align:left; font-size:17px; font-weight:bold;background-color:#CCCCCC;}

table.view_job_table		{width:100%; text-align:left; border:none;}
td.job_view_header			{text-align:left; font-size:20px; font-weight:bold;}
td.job_view_tdheader		{text-align:left; font-size:17px; font-weight:bold;background-color:#CCCCCC;}
td.job_overview_tdheader	{text-align:left; font-size:17px; font-weight:bold;background-color:#CCCCCC;}
td.hour_overview_tdheader	{text-align:left; font-size:17px; font-weight:bold;background-color:#CCCCCC;}

h2							{text-align:center; color:#002C59;}
h3							{text-align:center; color:#002C59;}
/* end of new stuff*/

.display_1 A:link			{color:#002C59;text-decoration:none; letter-spacing:2px; }
.display_1 A:visited		{color:#002C59;text-decoration:none; letter-spacing:2px; }
.display_1 A:active			{color:#002C59;text-decoration:none; letter-spacing:2px; }
.display_1 A:hover			{color:#002C59;text-decoration:underline; letter-spacing:2px; }

.display_2 A:link			{color:#002C59;text-decoration:none; letter-spacing:2px; }
.display_2 A:visited		{color:#002C59;text-decoration:none; letter-spacing:2px; }
.display_2 A:active			{color:#002C59;text-decoration:none; letter-spacing:2px; }
.display_2 A:hover			{color:#002C59;text-decoration:underline; letter-spacing:2px; }


body {
	color:#002C59;
	font-color:#002C59;
  	padding: 0px;
	margin:0px;
	font-family: SmartBudFont;
	line-height: 1.2em;
	font-size:110%;
	background-color:#F8F8F8;
 	letter-spacing:2px; 
}
#header {
	color: #002C59;
	font-size:22px;
	font-weight:bold;
  	background-color:#F8F8F8;
  	width: 100%;
  	margin: 0;
  	padding: 0; 
}
#header h1{
	padding: 30px 0 20px 80px;
	margin: 0;
	background-image: url(../images/smartbud_without_text_small.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#header a{
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}
#footer { 
	color: #002C59;
  	background-color:#D1D1D1;
	padding:0;
	margin:0;
	clear: both;
  	width: 100%; 
}
#footer h3 {
padding: 20px 20px;
}

#content{
max-width:1280px;
margin: 20px auto;
}

#main {
  float: left;
  width: 90%;
  margin: 0 0 20px 0;
  padding: 0;
}
#main .textArea {
color: #222;
margin-right: 2%;
padding: 0 2% 0 2%;
}

.img {
	width:100%;
    max-width:540px; 
    height: auto;
	float:left;
	margin: 0 10px 10px 0;
}


#menu ul, .flip ul {
  margin: 0;
  padding: 10px;
  list-style: none;
  color: #002CFF;
  background-color:#D1D1D1;
  overflow: hidden; 
}

#menu li, .flip li {
  display:inline-block;
}
#menu a, .flip a {
  display: block;
  color:#002C59;
  text-decoration: none;
  padding: 10px;
  font-weight: bold;
}

#menu a:hover, .flip a:hover {
	background: #333333;
	color: #fff;
}

tr.month_short	{ visibility:collapse; display:none;}	

.mobile_view	{
	visibility:hidden;
	display:none;
}
.normal_view	{
	visibility:visible;
	display:block;
}
.flip	{
	display:none;
}
div.mobile_view {
	display:none;
}
div.normal_view {
	display:block;
}

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
	.sidebar{
	margin: 0 0 20px 1%;
	clear:both;
	width:98%; 
	}
	#main {
	clear:both;
	width:100%;	
	}
	#main .textArea {
	margin:0;
	}
	#header {
	font-size:20px;		 
	}

	td.spend_graph_table_head_head {
		font-size:13px;
		padding:0px;
	}
	td.spend_graph_table_head {
		font-size:12px;
		padding:0px;
	}
	td.spend_graph_amount	
	{
		font-size:16px;
	}	
	td.display_1	{font-size:12px;}
	td.display_2	{font-size:12px;}
	td.display_1_invi	{ visibility:collapse; display:none;}
	td.display_2_invi	{ visibility:collapse; display:none;}	
	td.spend_graph_table_head_invi	{ visibility: collapse; display:none;}
	td.mobi{ visibility: collapse; display:none;}	

	tr.month_long	{ visibility:collapse; display:none;}	
	tr.month_short	{ visibility:visible; display:table-row;}	

	table.spending_table{ width:100%;}	
	table.standard_table {max-width:100%;}	

	.normal_view	{
		visibility:hidden;
		display:none;
	}
	.mobile_view	{
		visibility:visible;
		display:block;
	}
	div.mobile_view {
		display:block;
	}
	div.normal_view {
		display:none;

	}
	
	.flip	{
		display:block;
		visibility:visible;	
	}	
	div.menu	{
		display:none;
	}

.button						{font-size:12px; letter-spacing:2px; max-width:150px;}
.button_1					{font-size:12px; letter-spacing:2px; max-width:150px;}
.button_2					{font-size:12px; letter-spacing:2px; max-width:300px;}
.button_3					{font-size:12px; letter-spacing:2px; max-width:400px;}
.button_upload				{font-size:12px; letter-spacing:2px; max-width:350px;}


}
@media screen and (max-width: 480px) {
	body{
		font-size: 120%;
	}
	.sidebar{
		margin: 0;
		width:100%;   
	}
	.flip li{
	  display:block;
	  border-bottom-color:#FFF;
	  border-bottom-style:solid;
	  border-bottom-width:1px;
	  text-align:center;
  	}
	.flip ul  {
		padding: 0;
	}	  
	#menu li{
	  display:block;
	  border-bottom-color:#FFF;
	  border-bottom-style:solid;
	  border-bottom-width:1px;
	  text-align:center;
	  padding:5px;
	}
	#menu ul  {
		padding: 0;
		margin: 0 0 20px 0;
	}
	#header {
	font-size:20px;		 
	}	
	td.spend_graph_table_head	{
		font-size:10px;
		padding:0px;		
	}
	td.spend_graph_table_head_head	{
		font-size:12px;
		padding:0px;		
	}	
	td.spend_graph_amount	
	{
		font-size:16px;
	}
	td.display_1	{font-size:12px;}
	td.display_2	{font-size:12px;}
	td.display_1_invi	{ visibility:collapse; display:none;}
	td.display_2_invi	{ visibility:collapse; display:none;}	
	td.spend_graph_table_head_invi	{ visibility: collapse; display:none;}
	td.mobi	{ visibility: collapse; display:none;}	
	
	tr.month_long	{ visibility:collapse; display:none;}	
	tr.month_short	{ visibility:visible; display:table-row;}	

	table.spending_table{ width:100%;}
	table.standard_table {max-width:100%;}
	
	.normal_view	{
		visibility:hidden;
		display:none;
	}
	.mobile_view	{
		visibility:visible;
		display:block;
	}	
	.flip	{
		display:block;
		visibility:visible;	
	}	
	div.menu	{
		display:none;
	}
	
.button						{font-size:11px; letter-spacing:2px; max-width:150px;}
.button_1					{font-size:11px; letter-spacing:2px; max-width:150px;}
.button_2					{font-size:11px; letter-spacing:2px; max-width:300px;}
.button_3					{font-size:11px; letter-spacing:2px; max-width:400px;}
.button_upload				{font-size:11px; letter-spacing:2px; max-width:350px;}
}