:root {
	--mainDarkGreen:#046A38;
	--mainLimeGreen:#7ebf1e;
	--mainOrange:#FF301E;
	--mainLinkBlue:#18a0db;
}

/*body					{font-family:Tahoma, Geneva, sans-serif; background-color:var(--mainDarkGreen);}
a						{text-decoration:none; color:var(--mainLinkBlue)}
a:visited				{color:var(--mainLimeGreen)}
*/
#left					{text-align:left; font-size:18px; background-color:#FFFFFF; padding:20px; border:10px solid var(--mainLimeGreen)}
#right					{text-align:left; background-color:#FFFFFF; padding:20px; border:10px solid var(--mainLimeGreen)}
.navTitle				{font-weight:bold; font-size:20px; color:var(--mainDarkGreen)}

.pipeDivider			{font-size:22px; color:var(--mainOrange)}

#news					{width:90%}
input[type=text]		{padding:10px; font-size:18px}
select					{padding:10px; font-size:18px}
input[type=password]			{padding:10px; font-size:18px}
textarea				{padding:10px; font-size:18px; border:1px solid #c1c1c9}
.label, .data			{font-size:22px; padding:10px;}

.onRow	td 				{background-color:#f9f9f9; border-bottom:1px solid var(--mainLimeGreen)}
.offRow	td 				{border-bottom:1px solid var(--mainLimeGreen)}
th						{background-color:#f1fce8; border-bottom:1px solid var(--mainLimeGreen); border-top:1px solid var(--mainLimeGreen)}
.start					{border-left:1px solid var(--mainLimeGreen)}
.end					{border-right:1px solid var(--mainLimeGreen);}
h1, h2, h3				{margin-top:0px; color:var(--mainDarkGreen); margin-bottom:10px}

.light					{color:#e1e1e1; border-left:1px solid var(--mainLimeGreen)}
p						{margin-bottom:20px}
.button					{color:white; background-color:var(--mainDarkGreen); font-size:20px; font-weight:bold; padding:10px}
				
.panel					{float:left; width:300px; padding:15px; height:350px; border:5px solid #efefef; margin-right:20px; font-size:16px}
.dashTitle				{font-size:24px; margin-bottom:10px; font-weight:bold; color:var(--mainOrange)}
#sResults				{border:0px solid #efefef; padding:5px 0px 0px 5px; height:380px; overflow:auto; margin-top:10px; font-size:18px}
.sTitle					{font-weight:bold; color:var(--mainDarkGreen); font-size:18px; margin-bottom:10px}
.dash					{margin-bottom:20px; border:0px solid green}
.showMember				{font-size:22px}
.popTitle				{font-weight:bold; color:var(--mainDarkGreen);}
/* DarkBLue #263B66 */
#processing			{display:none; text-align:center; width:350px; height:210px; border:5px solid green; padding:20px; font-size:20px}
		
#addProject, #currentUserEdit, #userBox, #addExpense, #addSub, #resetPassword, #addAllowance
						{display:none; text-align:center; width:auto; height:auto; border:5px solid #016FF7; padding:20px; border-radius:10px}
.successYes				{padding:15px; color:green; background-color:#e0ffe0; border:1px solid green; 
							margin-bottom:40px; text-align:center; width:350px; height:auto; border-radius:15px}
.successNo				{padding:15px; color:red; background-color:#ffffff; border:1px solid red; 
							margin-bottom:40px; text-align:center; width:350px; height:auto; border-radius:15px}

#subInfo div			{margin-bottom:5px}
#subInfo				{text-align:left}

.master			{width:49px; height:31px; background:url(/assets/images/common/creditCardSprite.png) 0px 0px; background-repeat:repeat-y}
		.discover		{width:50px; height:32px; background:url(/assets/images/common/creditCardSprite.png) 0px 95px; background-repeat:repeat-y}
		.amex			{width:50px; height:32px; background:url(/assets/images/common/creditCardSprite.png) 0px 62px; background-repeat:repeat-y}
		.visa			{width:50px; height:30px; background:url(/assets/images/common/creditCardSprite.png) 0px 30px; background-repeat:repeat-y}
		.cardData div	{margin-bottom:5px;}
		.prodClass		{float:left; width:150px; height:100px; border:3px solid #257CE1; text-align:center; padding:20px; background-color:#ffffff;
							margin-right:0px; margin-left:0px}
		.on				{background-color:#eff6ff;}
		#products		{text-align:center}
		#prodID_1 		{margin-left:-15px; margin-right:18px}
		

		 .red		{background-color:#ffe0e0; padding:10px; color:red}
		 .red a		{text-decoration:none; color:#FFFFFF}	
		.green		{background-color:#d9ffba; color:green; padding:10px}
		.green a	{text-decoration:none; color:green}
		.yellow		{background-color:#fdffce; padding:30px; text-align:center; border:2px solid yellow}

/* overflow-x:scroll; overflow-y:scroll */