/* General */
body, p, input, textarea, select, td, th { font-size: 10pt; font-family: Verdana; }
td, th { vertical-align: top; }

/* Header */
.title { font-size:16pt; font-weight: bold; }
.menu { font-weight: bold; vertical-align: top; }

/* Footer */
.footer , .footer td { font-size: 8pt; text-align: right; }
.footer a { text-decoration: none; }

/* Main menu */
.mainmenu { text-align: center; }

/* Scroller */
.scroller { overflow:auto; border-width:1; border-style:solid; }

/* Schedule */
.schedule th { background-color: #aaa; vertical-align: top; }
.schedule td { font-size: 8pt; }
.schedule tr { height: 37px; }
.open { }
.complete, .complete a { color: #777; }
.cancelled, .cancelled a { color: #777; font-style: italic; }
.now td { border-top: 2px black solid; }
.request { font-weight: bold; }
.time { text-align: center; background-color: #aaa; }
.banked { font-size: 8pt; }
.comments { color: #fff; background-color: #f00; font-weight: bold; padding: 0 3px 1px 3px;}
#audit { font-size: 8pt; }

/* Popups */
.popup { position:absolute; visibility:hidden; border: 2px solid black; background-color: white; 
	margin-left: auto; margin-right: auto; filter: alpha(opacity=100); }
.popup_header { background-color: #888; color: white; font-size: 10pt; font-weight: bold; text-align: center; }

/* Mini-calendar */
.calendar { margin-left: auto; margin-right: auto; }
.calendar th { background-color: #aaa; }
.calendar a { font-size: 8pt; vertical-align: top; }
.today { background-color: yellow; }
.current_date { border: 2px solid black; }
.other_month { background-color: #ddd; }
.weekend a { color: #aaa }

/* Reports */
.report { margin-left: auto; margin-right: auto; border: 1px solid black; border-collapse: collapse; vertical-align: top; }
.report th { background-color: #aaa; }

/* Activity report */
.activity_report td, .activity_report th { font-size: 8pt; vertical-align: top; }
.even, .even input { background-color: #ddd; }
.odd, .odd input { }
.to_be_billed { background-color: #ff6; }
.highlight { font-weight: bold; }
.highlight_more { text-decoration: underline; font-weight: bold; }

/* Search list */
.search_list { width:297px; font-size: 8pt; position:absolute; visibility:hidden; background-color: #fff; border: 1px solid black; z-index: 5; }

/* Suggest list stuff */
.suggest_list {
  width: 300px;
	position: absolute;
  visibility: hidden;
  background-color: #fff;
  border: 1px solid black;
  z-index: 5;
  filter: alpha(opacity=100);
	text-align: left;
}

.suggest_hilite {
  background-color: #ffb;
}

.suggest_nohilite {
  background-color: #fff;
}

.tax-exempt {
	color: #f00;
	text-decoration: underline;
}

div.hr {
	border-top: 1px solid #000;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
}

div.left {
	clear: both;
	float: left;
	width: 60%;
}

div.left a {
	font-size: 1.2em;
	padding: 0.5em 1em;
}

div.right {
	float: left;
	width: 40%;
}

div.right .preview {
	height: 6em;
	width: 6em;
	float: right;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

div.right .preview.blank {
	height: 0;
	width: 0;
}

div.large .preview {
	height: 90%;
	width: 90%;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;

	margin: 0 auto 1em auto;
	text-align: center;
}

div.large .preview a {
	display: inline-block;
	background-color: #fff8;
	margin-top: 1em;
	padding: 1em;
	border-radius: 0.5em;
}

div.actions {
	clear: both;
	text-align: center;
	padding-top: 1em;
}

div.actions a {
	padding: 0 0.5em;
}

/* Photo/upload */
.upload-wrapper {
	position: relative;
	display: inline-block;
	margin-left: 2px;
}

.upload-wrapper a {
	font-size: 1em;
	cursor: pointer;
}

.upload-wrapper .please-wait {
	display: none;
	width: 16px;
	height: 16px;
	background-image: url(/jslib/images/loading_circle.gif);
	margin-left: 4px;
}

.upload-wrapper input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 6em;
}

@media all and (max-width: 800px) {
	body {
		font-size: 16px;
	}
		
	.title {
		font-size: 18px;
	}
	
}