@font-face			{ font-family: 'regl';	src: url('/includes/fonts/arial-rounded-mt.woff')			format('woff'); }
@font-face			{ font-family: 'bold';	src: url('/includes/fonts/arial-rounded-mt-std-bold.woff')	format('woff'); }


body				{ font-family:regl; padding:0px; margin:0px; background:url('/graphics/background.png') top left repeat-y #ffffff; background-size:256px 256px; }


#mobl				{ visibility:hidden; display:none; background:url('/graphics/menu.png') no-repeat  right #35003a; background-size:50px 50px; color:#ffffff; width:100%; }
#mobl img			{ height:50px; }
#mobl div			{ display:block; padding:5px; }

#layout				{ border-collapse:collapse; width:100%; }

#lcol				{ padding:0px; width:256px; }
#logo				{ display:block; width:150px; margin:30px auto; }

#menu				{ padding:0px; margin:0px; list-style:none; }
#menu li			{ padding:0px; margin:0px; list-style:none; }
#menu li a			{ display:block; padding:10px 10px 10px 40px; color:#ffffff; font-family:regl; font-size:18px; text-decoration:none; }
#menu a:hover		{ color:#ff312c; }
#menu img			{ width:20px; height:20px; margin-right:10px; vertical-align:text-bottom; }

#rcol				{ padding:25px; font-size:18px; color:#666666; width:auto; max-width:1150px; }
#rcol a				{ color:#35003a; text-decoration:none; border-bottom:3px double #aaaaaa; }

h1					{ padding:0px; margin:0px; font:normal 32px 'bold', sans-serif; color:#35003a; letter-spacing:-1px; }
h1 img				{ width:35px; margin-right:5px; vertical-align:text-bottom; padding-bottom:3px; }

h2					{ padding:0px; margin:0px; font:normal 24px 'bold', sans-serif; color:#35003a; letter-spacing:-0.5px; }
h2 img				{ width:28px; margin-right:5px; vertical-align:text-bottom; padding-bottom:2px; }


.w80				{ width: 80px; }
.w120				{ width:120px; }
.w160				{ width:160px; }
.w200				{ width:200px; }

.tar				{ text-align:right; }

.vis0				{ visibility:hidden;  display:none;  }
.vis1				{ visibility:visible; display:block; }

#login				{ margin:20px 40px; }
#login h2			{ margin-bottom:20px; }
#login input[type="text"]		{ width:240px; margin:5px 0px 20px 0px; }
#login input[type="password"]	{ width:240px; margin:5px 0px 40px 0px; }

#logout				{ margin:40px; width:100%; max-width:300px; }
input, textarea, select { 
	-ms-box-sizing:		content-box;
	-moz-box-sizing:	content-box;
	-webkit-box-sizing:	content-box; 
	box-sizing:			content-box;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	appearance:			none;
	border-radius:		3px;
}

input[type="text"], input[type="date"], input[type="password"], textarea	{ border:none; font:normal 16px 'regl', sans-serif; color:#666666; padding:10px; background:#eeeeee; border-radius:4px;  }
input[type="button"], input[type="submit"]	{ border:none; font:normal 16px 'regl', sans-serif; color:#ffffff; padding:10px; background:#ff312c; border-radius:3px; cursor:pointer; }
input[type="checkbox"]	{ cursor:pointer; -webkit-appearance:checkbox; vertical-align:middle; }
.indent				{ margin:20px 40px; }
select	{ border:none; font:normal 16px 'regl', sans-serif; color:#666666; padding:10px; background:url('/graphics/select.png') no-repeat right #eeeeee; background-size:30px 10px; border-radius:4px; cursor:pointer; }


#overview			{ width:50%; max-width:400px; min-width:290px; }
#overview th		{ text-align:center; width:33%; background-color:#35003a; color:#ffffff; padding:10px 0px; font:normal 14px 'font', sans-serif; }
#overview td		{ text-align:center; padding:15px 0px 20px 0px; font-size:14px; border-bottom:2px solid #35003a; background:#f8f8f8; }
#overview a			{ color:#888888; }
#overview span		{ color:#ff312c; font-size:36px; }


#apps, #apps2				{ border-collapse:collapse; width:100%; max-width:1200px; margin-top:20px; }
#apps thead, #apps2 thead	{ background:#35003a; }
#apps th					{ text-align:left; height:60px; font:normal 14px 'bold', sans-serif; color:#ffffff; padding:0px 20px; }
#apps2 th					{ text-align:center; padding:5px 0px; font:normal 14px 'bold', sans-serif; color:#ffffff; }
#apps td					{ height:60px; padding:0px 10px 0px 20px; }
#apps2 td					{ padding:5px 10px 0px 10px; font-size:15px;  }
#apps tr:nth-child(4n+3)	{ background: #f8f8f8; }
#apps tr:nth-child(2n+1):hover	{ background:rgba(53, 0, 58, 0.15); cursor:pointer; }
#apps .bad td, #apps2 .bad td	{ background:#ff312c; color:#ffffff; }
#apps img, #apps2 img		{ width:32px; float:right; }
#apps2						{ visibility:hidden; display:none; }

.confirm			{ width:260px; font-size:15px; padding:15px; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.33); border-radius:5px; }
.confirm img		{ width:50px; float:right; }

#quotes				{ max-width:1000px; font-size:14px; }
#quotes div			{ position:relative; display:inline-block; width:130px; text-align:center; margin:0px 5px 10px 5px; }
#quotes a			{ background:url('/graphics/quote.jpg') center; background-size:cover; display:block; width:130px; height:185px; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.33); margin-bottom:5px; border:none; }
#quotes span		{ position:absolute; top:90px; left:0px; font:normal 24px 'bold', sans-serif; font-weight;bold; width:100%; text-align:center; transform:rotate(-30deg); text-shadow:0px 0px 3px #ffffff; }

#invoices			{ border-collapse:collapse; width:100%; max-width:1000px; }
#invoices thead		{ background:#35003a; }
#invoices th		{ color:#ffffff; padding:15px 10px; font-weight:normal; text-align:left; }
#invoices td		{ padding:15px 10px; text-align:left; }
#invoices tr:nth-child(4n+3)	{ background: #f8f8f8; }
#invoices tr:nth-child(2n+1):hover	{ background:rgba(53, 0, 58, 0.15); cursor:pointer; }
#invoices .bad td, #invoices2 .bad td	{ background:#ff312c; color:#ffffff; }

#addrs			{ border-collapse:collapse; width:100%; max-width:1000px; }
#addrs thead		{ background:#35003a; }
#addrs th		{ color:#ffffff; padding:15px 10px; font-weight:normal; text-align:left; }
#addrs td		{ vertical-align:top; padding:15px 10px; text-align:left; }
#addrs img		{ width:32px; }
#addrs tr:nth-child(4n+3)	{ background: #f8f8f8; }

#mailform input[type="text"]	{ display:block; width:270px; margin-bottom:10px; }
#mailform textarea				{ display:block; width:50%; max-width:600px; min-width:270px; height:150px; margin-bottom:40px; }

@media screen and (max-width:900px) { 
	body			{ background:#ffffff; }
	#logo			{ visibility:hidden; display:none; }
	#lcol			{ display:block; width:100%; }
	#mobl			{ visibility:visible; display:block; position:fixed; top:0px; }
	#menu			{ position:fixed; top:64px; left:0px; width:100%; visibility:hidden; display:none; }
	#menu a			{ background:#602b65; border-top:1px solid #35003a; }
	#rcol			{ display:block; padding:75px 15px 15px 15px; }

	#login			{ margin:20px auto; }
	#logout			{ margin:40px auto; }
}


@media screen and (max-width:640px) { 
	#apps			{ visibility:hidden ; display:none;  }
	#apps2			{ visibility:visible; display:table; }
	.indent			{ margin:20px 0px 20px 0px; }
	#invoices td	{ font-size:14px; }
}



#action				{ width:500px; height:250px; }
.good				{ color:#ff312c; }
hr					{ margin:40px 0px; border:none; border-bottom:1px solid #e8e8e8; }