@font-face			{ font-family: 'OpenSans Regular';		src: url('/includes/fonts/OpenSans-Regular.woff')		format('woff'); }
@font-face			{ font-family: 'OpenSans Bold';			src: url('/includes/fonts/OpenSans-Bold.woff')			format('woff'); }
@font-face			{ font-family: 'OpenSans ExtraBold';	src: url('/includes/fonts/OpenSans-ExtraBold.woff')		format('woff'); }

body				{ padding:0px; margin:0px; background:url('/graphics/sidebar.png') top left repeat-y #eeeeee; font:normal 14px 'OpenSans Regular', sans-serif; color:#333333; }
a					{ color:#333333; }
.sml				{ font-size:11px; }

h1					{ padding:0px; margin:0px; font:bold 24px 'OpenSans Regular', sans-serif; }
h2					{ padding:0px; margin:0px; font:bold 18px 'OpenSans Regular', sans-serif; }


#header				{ position:relative; background:#ffffff; height:64px; border-bottom:1px solid #e6e6e6; }
#header h1			{ position:absolute; top:22px; left:20px; font-size:14px; font-weight:bold; text-transform:uppercase; }


#layout				{ padding:0px; margin:0px; border-collapse:collapse; width:100%; }
#lcol				{ width:220px; padding:20px 0px; }
#mcol				{ width:20px; }
#rcol				{ width:auto; padding:20px 20px 20px 0px; }


#mbar				{ visibility:hidden; display:none; background:#444444; width:100%; height:44px; cursor:pointer; overflow:hidden; }
#mbar img			{ width:32px; height:32px; float:right; padding:6px; }

#menu				{ list-style:none; padding:0px; margin:0px; }
#menu li			{ position:relative; list-style:none; padding:0px; margin:0px 0px 4px 0px; }
#menu li a			{ display:block; padding:8px 0px 8px 20px; text-decoration:none; }
.men1				{ border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#eeeeee; }
.men0				{ border-top:1px solid transparent; border-bottom:1px solid transparent; }

td					{ min-width:20px; }

input, textarea { 
	-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;
}
textarea { min-height:100px; }

.qbGroup		{ border-collapse:collapse; }
.qbGroup thead	{ background:rgba(0, 0, 0, 0.1);  }
.qbGroup span	{ font-size:18px; }
.qbGroup th		{ padding:2px 4px; }
.qbGroup td		{ padding:3px 4px; }


.prevjob		{ border:1px solid #aaaaaa; padding:8px; margin:10px 0px; /* cursor:pointer; */ }
.prevjob div	{ /* visibility:hidden; display:none; */ }
.prevjob span	{ display:block; padding:4px; border-top:1px dashed #666666; }


input[type="text"], input[type="password"], input[type="date"]	{ 
	padding:4px 4px; font:normal 14px 'OpenSans Regular', sans-serif; border:1px solid #aaaaaa; 
}
input[type="button"], input[type="submit"]	{ padding:5px 5px; font:normal 14px 'OpenSans Regular', sans-serif; border:1px none; border-radius:4px; cursor:pointer; }
input[type="checkbox"]	{ cursor:pointer; -webkit-appearance:checkbox; vertical-align:middle; }
select, option 	{ cursor:pointer; padding:3px 4px; font:normal 14px 'OpenSans Regular', sans-serif; border:1px solid #aaaaaa; box-sizing:content-box; }

.tabs			{ min-height:32px; background:url('../graphics/tabs-line.png') bottom left repeat-x; }
.tabs div		{ display:inline-block; margin-right:2px; min-width:100px; }
.tabs a			{ display:block; text-align:center; padding:5px 10px; text-decoration:none; border-top-left-radius:5px; border-top-right-radius:5px; }
.tab0 a			{ border:1px solid #aaaaaa; background:#eeeeee; border-bottom:1px solid #ffffff; }
.tab1 a			{ border:1px solid #ffffff; background:#ffffff; }
.page			{ background:#ffffff; min-height:100px; padding:20px; }


.red				{ background:#d83534; color:#ffffff; }
.grn				{ background:#55c83c; color:#ffffff; }
.blu				{ background:#4d90fe; color:#ffffff; }
.gry				{ background:#d3d3d3; color:#888888; }
.org				{ background:#fc8000; color:#ffffff; }

.vis0				{ visibility:hidden;  display:none;  }
.vis1				{ visibility:visible; display:block; }
.vis2				{ visibility:visible; display:inline-block; }
.vis3				{ visibility:visible; display:table-row; }

.w20				{ width: 20px; }
.w30				{ width: 30px; }
.w40				{ width: 40px; }
.w50				{ width: 50px; }
.w60				{ width: 60px; }
.w80				{ width: 80px; }
.w120				{ width:120px; }
.w150				{ width:150px; }
.w200				{ width:200px; }
.w300				{ width:300px; }
.w600				{ width:600px; }

.tal				{ text-align:left;   }
.tac				{ text-align:center; }
.tar				{ text-align:right;  }

.fl					{ float:left; }
.fr					{ float:right; }

.nw					{ white-space:nowrap; }

.hov:hover			{ background:rgba(255, 255, 255, 0.5); }
.hov2:hover			{ background:rgba(0, 0, 0, 0.03); }

#custs				{ width:100%; }
#custs table		{ width:100%; }

#users				{ width:100%; }
#users table		{ width:100%; }


.addr				{ display:inline-block; padding:10px; min-width:175px; background:#ffffff; margin:15px 15px 0px 0px; border-radius:4px; }
.addr img			{ width:18px; height:18px; float:right; opacity:0.5;}

#action, #gps		{ visibility:hidden; display:none; width:50%; height:300px; }
#searchform input	{ margin:2px 0px; }


#popup				{ position:fixed; width:500px; height:200px; top:0px; visibility:hidden; display:none; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.5); border:none; }

#calendar			{ border-collapse:collapse; padding:0px; margin:0px; table-layout:fixed; }
#calendar td		{ padding:0px; margin:0px; }
.day div			{ border:1px solid #aaaaaa; margin:2px; cursor:pointer; border-radius:4px; padding:0px 4px; white-space:nowrap; overflow:hidden; }
.day div:hover		{ background: rgba(255, 255, 255, 0.5); }
.day .dtxt			{ display:block; text-align:right; padding:2px 4px 0px 0px; font-weight:bold; }


#joblist div		{ box-shadow:0px 0px 4px rgba(0, 0, 0, 0.33); width:280px; padding:10px; border-radius:5px; cursor:pointer; margin-bottom:10px; position:relative; }
#joblist div:hover	{ background:rgba(255, 255, 255, 0.33); }
#joblist span		{ display:block; text-align:right; font:bold 16px 'OpenSans Regular', sans-serif; }
#joblist b			{ font-size:16px; display:block; }

.comp				{ display:block; text-decoration:none; color:#ffffff; padding:5px; margin-top:15px; text-align:center; font:normal 16px 'OpenSans Regular', sans-serif; }

.remind				{ width:280px; padding:0px; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.33); }
.remind:hover		{ background:rgba(255, 255, 255, 0.33); }
.remind a			{ display:block; padding:10px; }

#memos				{ width:100%; max-width:980px; border:10px solid #ffffff; border-radius:5px; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.33); border-collapse:collapse; }
.memo td			{ padding:4px 8px; } 


#chatcount			{ position:absolute; right:40px; top:3px; }

#jLayout			{ border-collapse:collapse; }
#jLayout td			{ min-width:150px; padding-right:8px; }
#jLayout h2			{ padding-bottom:8px; }

@media screen and (max-width:768px) { 
	body			{ background:#eeeeee; }
	#mbar			{ visibility:visible; display:block; }
	#menu			{ visibility:hidden; display:none; background:#888888; }
	#menu li		{ margin:0px; border-bottom:1px solid #444444;; }
	#menu li a		{ background:#aaaaaa; color:#ffffff; padding:8px;  }

	#lcol			{ display:block; width:auto; padding: 0px; }
	#mcol			{ display:block; width:auto; padding: 0px; }
	#rcol			{ display:block; width:auto; padding:10px; }

	#custs table td	{ display:block; }
	#custs input	{ margin-bottom:10px; }

	#users table td	{ display:block; }
	#users input	{ margin-top:10px; }
}